需要实现在微信浏览器中直接预览PDF,一般情况下,一个服务器上的PDF文件在目前的微信里,IOS可以直接预览,但是Android不可以,而是提示下载或者在QQ浏览器中打开之类的。现在想实现直接在微信浏览器中预览。
查阅资料,比较好用的是pdf.js,但是它不像普通的jquery插件一样引入配置一下即可,在我的观察试验,需要node环境或者gulp dist等生成一个服务器,才能跑起来,gitHub 地址:https://github.com/mozilla/pd...
哪位大神能说说自己的使用经验,我想用example下面的mobile的样式和js,我怎么配置就可以使用静态的文件,主要是映射pdf.worker.js和我想要预览的pdf文件位置,这个是关键,有经验的给我分享下?!
还有补充,这样的实现方式感觉有点重,毕竟手机端处理要加载很多东西,文件又打,不如在服务器端处理返回,这样做合适吗?在服务器端,又要如何配置使用
付费偷看金额在0.1-10元之间
之前有点忙,现在来补充一下这个问题的解决方案:
由于发现在苹果手机的微信直接打来非常流畅,所以在苹果手机的微信打开服务器上的pdf时,不采用pdf.js,直接打开,这个解决方案是针对安卓手机在微信打开PDF,并直接在微信中预览(带着手机预览的样式),不用通过QQ浏览器或者其他的软件打开。
接下来来看页面中的引入情况,因为我使用的是pdf.js中example中手机直接打开的那种样式,这样自己就不用再花时间控制pdf的样式,大小和翻页等情况
静态js目录如下,就引进来就行
其中#{pdfSrc}就是从node中传过来的那个网址,现在写在页面里,作为全局变量存在,
找到这个url,然后去找对应的pdf文件,然后渲染,他本来是在viewer.js中和他们写在一起的,特此说明一下,图如下
下面是html代码,里面有文件引入情况,我这边js都统一放在静态js下的checkup的目录下
还有,这样的开销真的挺大的,pdj.js的几个关键文件大小都不可忽视,这对于网页加载是不利的,放在服务器上可能会好点,但是最终希望的是,安卓手机浏览器能够支持pdf直接预览。
一周热门 更多>