使用iframe加载本地文件

时间:2015-06-18 20:06:52

标签: javascript html angularjs iframe

我尝试使用iframe加载一些文件,但它不起作用。

我想加载以下文件: C:/Users/Tom/Desktop/Courses/c2.pdf , 我试过了:

<iframe src="file:///C:/Users/Tom/Desktop/Courses/c2.pdf"></iframe>

但没有出现。

如何使用iframe或其他内容加载本地文件? 感谢。

2 个答案:

答案 0 :(得分:1)

这可能是因为同源策略:在这种情况下,如果资源不是从您的localhost提供的,则不允许加载iframe。有关详细信息,请参阅https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

答案 1 :(得分:0)

如果您从服务器(wamp,xamp)提供html,则应将其放在相对于服务器的本地文件夹中(localhost / yourfolder / yourfile.pdf)。如果你只是使用html它应该工作。我刚刚对它进行了测试,并在chrome上遇到了类似的问题。突然间它开始下载pdf而不是渲染它。所以我不得不重新安装浏览器才能使用它。