使用iframe加载本地文件

Question

I tried to load some files using iframe , but it didn't work.

I want to load a file from: C:/Users/Tom/Desktop/Courses/c2.pdf and I tried:

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

but nothing appears.

How can I load local files using iframe or something else? Thanks.

Answer 1

This is probably because of the Same Origin Policy: in this case the iframe is not allowed to load the resource if it is not also served from your localhost. See https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy for more info

Answer 2

If you're serving html from the server (wamp,xamp) you should put it to local folder relative to the server (localhost/yourfolder/yourfile.pdf). If you're just working with html it should work. I've just tested it and had similar issue on chrome. All of a sudden it started downloading pdf rather then render it. So I had to reinstall browser in order for it to work.