html中前端页面预览pdf文档的6种方法

笔记在前端需要查看pdf文件的方法总结。笔者以前在打开pdf文件时,有时候设计通过浏览器来打开的,也就是说浏览器本身是支持pdf文件格式,按照这个逻辑整理了一点资料来总结一下6种方法在前端编程查看服务器端的pdf文件,仅供参考。

Talk is cheap,show me the code!

1、a链接查看。这种方法就需要人为点击链接才会显示pdf文件内容,是显示还是下载就决定于浏览器的解释方法了。

<a href="unix test.pdf">Download PDF</a>

<p>链接查看pdf</p>

</body>

</html>

2、标签 embed查看pdf。

<embed src="unix test.pdf" type="application/pdf" width=800 height=800>

<p>embed标签查看pdf</p>

</body>

</html>

3、标签object 查看pdf。

<object data="unix test.pdf" type="application/pdf" width=800 height=800>

This browser does not support PDFs. Please download the PDF to view it: <a href="unix test.pdf">Download PDF</a>

</object>

<p>object标签查看pdf</p>

</body>

</html>

4、iframe标签 查看pdf。

<iframe src="unix test.pdf" width=900 height=900>