javascript - 是否可以在没有输入文件的情况下从文件名加载带有 JS/HTML5 FileReader 的文件？

Question

我想<article>用另一个 html 文件内容更改元素内容，但搜索我发现由于本地文件的 Chrome 安全性，JS 加载功能不可能。

我尝试的另一种情况是包含<embed>or<object>元素，但对于那些我无法动态控制高度的元素，只能以具有“高度”属性的静态方式。

最后，我找到了FileReader utility，但我只使用一个<input type="file">元素观看了它。

如何仅使用文件名加载 Html 文件？

// No input needed, I know what I want to read
var reader = new FileReader();
reader.readAstext( "anotherpage.html", "UTF-8" );

提前致谢，

Answer 1

你可以用ajax做到这一点：

$.ajax({
    type : 'GET',
    url : path + name + '.html',
    dataType : "text",
    success : function(data) {
        // TODO success, for example
        $(articleSelector).html(data);
    }
});

Answer 2

不可能。在客户端 JavaScript 中，禁止直接读取磁盘中的文件。即使在 Chrome 扩展中（https://developer.chrome.com/extensions/index.html）也很难获得权限。你可以想这是一个安全策略。