使用 iframe 加载本地文件答案

【问题标题】：Load local files using iframe使用 iframe 加载本地文件
【发布时间】：2015-09-04 15:36:25
【问题描述】：

我尝试使用iframe 加载一些文件，但没有成功。

我想从以下位置加载文件：C:/Users/Tom/Desktop/Courses/c2.pdf 和我试过了：

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

但什么也没有出现。

如何使用iframe 或其他方式加载本地文件？谢谢。

【问题讨论】：

您需要从本地文件夹提供框架页面
奇怪的是，我也有同样的问题，但我以前可以在 chrome 上轻松地将我的 pdf 放入 iframe 中。现在它下载它
你在用chrome吗？

标签： javascript html angularjs iframe

【解决方案1】：

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

【讨论】：

【解决方案2】：

这可能是因为同源策略：在这种情况下，如果 iframe 不是从您的本地主机提供的资源，则不允许加载该资源。请参阅https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy 了解更多信息

【讨论】：