使用Dom Object 对象和embed标签来展示Pdf文件

2017-10-09 wilsonIs 更多博文 » 博客 » GitHub »

原文链接 https://wilsonis.github.io/blog/posts/object-pdf
注:以下为加速网络访问所做的原文缓存,经过重新格式化,可能存在格式方面的问题,或偶有遗漏信息,请以原文为准。


使用object对象来设置pdf文件的加载,兼容IE、Chrome、Firefox。

可以在data属性中设置文件的默认参数,如下文件中所示,来设置pdf阅读的初始状态。代码如下所示:

<object 
    class="show-resources" 
    type="application/pdf" 
    data="http://www.adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/pdf_open_parameters.pdf#zoom=96&page=2">
</object>

使用embed标签来设置pdf文件的加载,兼容IE、Chrome、Firefox。

<embed 
    class="show-resources" 
    src="http://www.adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/pdf_open_parameters.pdf#zoom=96&page=1">