Question

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

我尝试的另一个案例包括<embed>或<object>元素，但是我无法动态控制高度，只能采用静态方式控制'height'属性。

最后，我找到了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）中，您也很难获得许可。您可以认为这是一项安全策略。

是否可以从没有输入文件的文件名加载带有JS / HTML5 FileReader的文件？

2 个答案: