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

Question

我正在尝试从客户端计算机读取html文件并将其body content加载到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[^>]*>))+.<body[^>]*>)|(</body\>.+)/g);
            var res = str.match(pattern);
            console.log(res);
            $('#slide').html(res);
            slides[0] = str;
        };
        reader.readAsText(file);
}

它不会在页面上加载任何内容（控制台未记录任何内容，但是其中65个图像未加载却有65个错误）。而且，由于权限或安全错误（CORS策略），我无法从其地址加载html文件。我不知道什么是正确的解决方案。

Answer 1

$(function(){
 $.get("sample.txt", function(data) {
     $("#slide").text(data);
 });
});