当前位置: 首页 > news >正文

uniapp开发微信小程序,webview内嵌h5,h5打开pdf地址,解决方案

根据公司要求,让我写一个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.icon-default.png?t=N7T8https://mozilla.github.io/pdf.js/

下载下图中两个文件:

下图是写的pc页面:

然后在viewer.html页面里面写iframe 然后src这么写:

接下来大家看明白了吧   相当于用下载下来的那两个文件去读取pdf地址,然后嵌入自己本项目中的viewer.html页面里 ,然后iframe引入这个 viewer.html页面就好了

http://www.lryc.cn/news/199015.html

相关文章:

  • Swift使用Embassy库进行数据采集:热点新闻自动生成器
  • 【AIGC核心技术剖析】改进视频修复的传播和变压器(动态滤除环境中的物体)
  • Win系统VMware虚拟机安装配置(二)
  • 基于枚举实现的观察者模式
  • 基于神经网络的图像识别研究
  • 基于SSM的工资管理系统
  • 微服务负载均衡实践
  • php定时任务
  • 2.2 如何使用FlinkSQL读取写入到文件系统(HDFS\Local\Hive)
  • call函数和apply函数的区别
  • JavaCV踩坑之路1——Mac上安装OpenCV
  • es6(三)——常用es6(函数、数组、对象的扩展)
  • API网关与社保模块
  • linux 安装 docker
  • 整数转罗马数字
  • 利用爬虫采集音频信息完整代码示例
  • WebSocket: 实时通信的新维度
  • postgresql(openGauss)模糊匹配参数
  • jdk 加密 aes jar包解决
  • C++ Primer 第十一章 关联容器 重点解读
  • MySQL 8 - 能够成功创建其他用户但无法修改 root 用户的密码
  • k8s kubernetes 1.23.6 + flannel公网环境安装
  • 博客系统中的加盐算法
  • 同花顺动态Cookie反爬JS逆向分析
  • 异步加载JS的方法
  • IO/NIO交互模拟及渐进式实现
  • springboot+html实现密码重置功能
  • LeetCode 2525. 根据规则将箱子分类【模拟】1301
  • atcoder [Road of the King] 题解(DP好题)
  • CImageList 图像列表