移动端嵌入式pdf展示

一:写法

在原本的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>

pdf.js代码下载

二:优缺点

1,目前仅支持pdf展示,doc等其他格式暂未支持

2,支持跨域，不需要考虑http、https与服务本身的前缀是否相同，皆可展示

3,不依赖于服务端是否可访问pdf文件所在的外网

4,安卓无需手动点击下载pdf，可直接展示。展示可翻页

5,IOS部分机型上无法兼容(phone6 ios9系统等)，暂未解决，如有解决方案，可留言共同探讨