一:写法
在原本的html中加入如下iframe代码,src引入的是pdf.js插件中的viewer.html,其中引入的css、js等路径需要根据实际项目路径自行修改,file_path是pdf的路径,可能需要编码
<iframe src="../pdf/web/viewer.html?url={{file_path}}"
width="100%" height="100%" scrolling="yes" frameborder="0"></iframe>
二:优缺点
1,目前仅支持pdf展示,doc等其他格式暂未支持
2,支持跨域,不需要考虑http、https与服务本身的前缀是否相同,皆可展示
3,不依赖于服务端是否可访问pdf文件所在的外网
4,安卓无需手动点击下载pdf,可直接展示。展示可翻页
5,IOS部分机型上无法兼容(phone6 ios9系统等),暂未解决,如有解决方案,可留言共同探讨