在带有html的本地文件夹中打开pdf文件以获取离线界面

Question

i am building an offline interface and want to show a pdf file when we click into a picture. But it does not work now. Please help me. This is my code

<a href="attachments/file.pdf"><img src="picture/nature.png" alt="pdffile"/></a>

Structure of directory

|--- file.htm
|----picture
| |--- nature.png
|----attachments
| |--- file.pdf

Answer 1

Which browser are you using? In Chrome your supplied html worked fine for me. Perhaps this could be to do with your directory structure.

I would make sure of the following:

• The PDF in question is actually in that directory.
• Your relative pathname is correct. Meaning that the folder attachments should be in the same folder as your html file.
• The PDF is valid, and is so for that browser. Try opening it manually with the browser in question. (ie Open with... Chrome / Firefox / etc.)

Also make sure that there isn't invalid html around this line. That could possibly be causing your html to not work instead.

Good luck :)