烟台做网站的公司,杭州利兴建设官方网站,励志做的很好的网站, 163com免费邮箱登根据公司要求#xff0c;让我写一个h5#xff0c;后续会嵌入到合作公司的微信小程序的webview中#xff0c;如果是自己公司微信小程序#xff0c;可以采取先下载下来pdf#xff0c;然后通过wx.openDocument#xff0c;进行单纯的预览操作#xff0c;这个可以根据这个老哥…根据公司要求让我写一个h5后续会嵌入到合作公司的微信小程序的webview中如果是自己公司微信小程序可以采取先下载下来pdf然后通过wx.openDocument进行单纯的预览操作这个可以根据这个老哥的文章去操作。但是因为是合作方公司故只能自己想办法起初想到的方案是在h5里面用iframe打开这个pdf地址类似这种oss地址https://tj-d8.oss-cn-ou.aliyun_report/xxxx.pdf但是众所周知微信小程序内嵌webview的域名是需要配置业务域名的以及该域名内的iframe网址也是需要配置业务域名那么就没办法配置这个oss地址为业务域名。所以经过问了一个群里大哥大哥给出了这个解决方案
大致思路就是 自己写个pc页面然后在页面里面iframe引入pdf然后在小程序嵌入的h5里面iframe这个pc页面。h5 和pc页面 都需要配置业务域名但是读到这里大家就有疑问了不就是多嵌套了一层页面然后还是iframe嵌入的pdf吗对的 接下来骚操作来了
进入这个网址PDF.jsA general-purpose, web standards-based platform for parsing and rendering PDFs.https://mozilla.github.io/pdf.js/
下载下图中两个文件 下图是写的pc页面 然后在viewer.html页面里面写iframe 然后src这么写 接下来大家看明白了吧 相当于用下载下来的那两个文件去读取pdf地址然后嵌入自己本项目中的viewer.html页面里 然后iframe引入这个 viewer.html页面就好了
