如何在HTML中显示PDF文件
我有一个由itext自动生成的PDF文件,我需要显示该HTML文件的PDF文件。 我的问题是:如何使用pdf.js在HTML中显示本地PDF文件? 该PDF文件是否应该由某些标准生成?
在您的HTML网页中实现PDF文件非常简单。
<embed src="file_name.pdf" width="800px" height="2100px" />
确保根据需要更改宽度和高度。 祝你好运!
如果你想使用pdf.js,我build议你阅读这个
您也可以将您的PDF上传到某个地方(如Google云端硬盘),并在iframe中使用它的url
要么
<object data="data/test.pdf" type="application/pdf" width="300" height="200"> <a href="data/test.pdf">test.pdf</a> </object>
我使用Google文档可embedded的PDF查看器。 文档不必上传到Google文档,但必须在线提供。
<iframe src="http://docs.google.com/gview?url=http://path.com/to/your/pdf.pdf&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe>
在电脑的HTML页面很容易实现
<embed src="study/sample.pdf" type="application/pdf" height="300px" width="100%">
但通过这个代码在移动的pdf显示是不可能的,你一定需要一个插件
如果你没有响应你的网站。 然后上面的代码pdf不显示在手机,但你可以把代码后的下载选项
<embed src="study/sample.pdf" type="application/pdf" height="300px" width="100%" class="responsive"> <a href="study/sample.pdf">download</a>
你可以像这样在html页面中显示easly
<embed src="path_of_your_pdf/your_pdf_file.pdf" type="application/pdf" height="700px" width="500">
您可以使用PDF Viewer Javascript插件将PDF文件embedded到HTML页面中。 这里是一个演示 。