java 脚本:如何读取 html 文件并将其内容加载到 div

Question

我正在尝试从客户端计算机读取html文件并将其正文内容加载到div。但是，我不确定正确的方法。我尝试将这些应用于上传的文件：

$('#theFile').on("change", function () {
var file = (this).files[0];
var reader = new FileReader();
reader.onload = function (e) {
str = e.target.result;
slides = new Array(1);
var pattern = new RegExp(/<body[^>]*>((.|[nr])*)</body>/im);
var res = str.match(pattern).join();
console.log(res);
$('#slide').html(res);
slides[0] = res;
};
reader.readAsText(file);
});

res是一个包含 3 个元素的数组，所以我将它们连接在一起。有没有更好的解决方案不使用正则表达式？

Answer 1

将文件输入元素添加到 HTML 页面：

<input type="file" id="file" onchange="readTxT()"/>
And select sample.txt manually:
function readTxT(){
var reader = new FileReader();
var files=document.getElementById('file').files;
var f = files[0];
reader.onload = function(e) {
var text = reader.result;
$(".diagram").text(text);
}
reader.readAsText(f);
}