如何在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页面中。 这里是一个演示 。