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

news2024/12/23 16:59:15

根据公司要求,让我写一个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.coloradmin.cn/o/1110148.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

chromium arm64 新版

chrome官方并没有对外公布arm64的正式版本但debian已经适配,以下链接提取自debian可直接一条命令安装:sudo dpkg -i *.deb即可 https://www.aliyundrive.com/s/vVCpzTyFjH6

CV、MV基础知识(持续补充ing)

文章目录 全局自注意机制Permutation InvariantMLP扩展比AP、mAP、FLOPs、FPS、Top1、mIoUAP (平均精度):mAP (平均精度均值):FLOPs (浮点运算数):FPS (每秒帧数):Top1 (前1精度):mIoU (平均交并比): Preci…

虚幻引擎:代理

一、代理类型 1.单薄代理 特点:允许有返回值,允许有参数,只可以一对一的传递消息就算绑定多个,但是总会被最后一个覆盖 2.多播代理 特点:不允许有返回值,允许有参数允许一对多传递消息 3.动态代理 …

25 个超棒的 Python 脚本合集

Python是一种功能强大且灵活的编程语言,拥有广泛的应用领域。下面是一个详细介绍25个超棒的Python脚本合集: 1. 网络爬虫:使用Python可以轻松编写网络爬虫,从网页中提取数据并保存为结构化的格式。 2. 数据清洗和预处理&#xf…

GEE:对二值图层进行腐蚀和/或膨胀操作

作者:CSDN @ _养乐多_ 腐蚀和膨胀 是数学形态学图像处理中的两个基本操作,用于修改和分析二值图像(包含只有两个像素值的图像,通常是黑和白)。这些操作可用于处理遥感图像、地理信息系统(GIS)中的栅格数据以及其他领域的图像处理。 腐蚀(Erosion):腐蚀是一种用于缩小…

北京筑龙助力中粮集团MRO集采顺利完成

近日,中粮集团MRO集采项目在中粮E采供应链采购平台顺利完成。作为中粮集团3年一次的集中采购类项目,本次采购创新采用清单式采购,涵盖中粮集团全集团的物资类集中采购,采购物料清单总量达10w,涉及供应商近千家&#xf…

科技成果验收测试有什么作用?需要提供哪些材料?

科技成果验收测试是指对科技成果进行系统全面的评估和检验,以确保其技术的稳定性、可行性和可靠性,以及达到预期效果和质量指标。它在新产品研发、项目推进和市场推广等方面起着重要作用。 一、科技成果验收测试的作用   1、有助于评估科技成果的可行…

人物百度百科词条创建教程分享,建议收藏

如何在互联网上树立个人品牌,展示自己的专业度和影响力?百度百科词条给大家提供了一个绝佳的展示平台。本文伯乐网络传媒将为您揭秘人物百度百科词条创建的全过程,助您轻松打造专属的数字名片。 一、了解百度百科词条 百度百科是全球最大的中…

vue3.0+wangEditor使用

第一步:安装 npm install wangeditor/editor --save第二步: 新建一个文件,命名是WangEditor.vue,代码截图如下: 3、第三步:引用 结束,记录一下,方便后续查询

一次清理全屋地面,一键清洁烘干无异味,KEEWOO启为C260 Pro洗地机上手

放长假的时候,我一般都会抽出两天时间好好打扫家里的卫生,虽说如今市面上有很多自动化的清洁工具,比如扫地机、擦窗机之类的,但是它们的清洁效果往往并不理想,尽管自动化程度很高,但是适用的地面类型有限&a…

Unity Meta Quest 开发导论:开发现状与主流 SDK

文章目录 📕开发平台分类📕Quest 一体机开发分类📕Quest 一体机开发主流 SDK📕Quest PCVR 开发主流 SDK📕新手入门开发的 SDK 推荐 推荐一个高质量知识星球 XR 社区:SEED XR社区。包含教程答疑、及时交流、…

【GCN】Semi-Supervised Classification with Graph Convolutional Networks

GCN代码详细解读 如何运行代码详解utils.py GCN的不足[6]Reference 基于谱分解的经典方法代表之一:GCN, ICLR2017 Paper Code(pytorch) 如何运行 先看整个代码文件的结构(运行过的): 运行的话: 首先一键安装需要的库…

VS2019编译一个带qrc项目时出现的问题

问题 跑中科大付老师的一个参数化的代码,原来的项目可能是用VS2015写的,编译的时候报错 严重性 代码 说明 项目 文件 行 禁止显示状态 错误 MSB8066 “surfacemeshprocessing.qrc”的自定义生成已退出,代码为 3。 Surface_Mesh C:\Program …

全志A40i PRREMPT-RT Linux平台搭建IgH环境

1、编译安装内核 参考创龙开发板官方文档,在menuconfig中把gmac设置成M,方便卸载原始gmac驱动,然后加载优化后的实时网卡驱动 2、编译IgH 把IgH主站代码放到开发板上,进行配置编译(配置和编译可以参考网上ubuntu…

大鼠药代动力学(PK参数/ADME)+毒性 实验结果分析

在真实做实验的时候,出现了下面真实测试的一些参数,一起学习一下: 大鼠药代动力学: 为了进一步了解化合物 96 的药代动力学性质,我们选择化合物 500 进行 SD大鼠药代动力学评估。 经静脉注射和口服给药后观察大鼠血药…

一些经典的神经网络(第18天)

1. 经典神经网络LeNet LeNet是早期成功的神经网络; 先使用卷积层来学习图片空间信息 然后使用全连接层来转到到类别空间 【通过在卷积层后加入激活函数,可以引入非线性、增加模型的表达能力、增强稀疏性和解决梯度消失等问题,从而提高卷积…

信息时代下,法律行业如何进行互联网推广

随着数字化时代的来临,法律行业也逐渐意识到互联网营销的优势,也有不少律所来找媒介盒子进行推广,那么今天媒介盒子就来跟大家聊聊,信息时代下,法律行业如何进行互联网营销。 一、 定位目标受众 定位目标受众是法律行…

拥抱国产信创化,思迈特与云和恩墨完成产品兼容认证

近日,思迈特软件与云和恩墨(北京)信息技术有限公司(简称“云和恩墨“)进行了联合测试,并顺利完成产品兼容互认证。 经评测,思迈特商 业智能与数据分析软件 Smartbi 系列 产品与云和恩墨 自主…

【vue3】注册全局组件

//main.tsimport CardVue from ./components/Card.vueconst app createApp(App) app.component(Card,CardVue)

coreldraw2024版本有哪些新增功能?

有小伙伴在用电脑查找软件程序的时候,看到了一款叫cdr软件的应用,自己之前没接触过,不知道cdr是什么软件?cdr软件是干什么的?十分好奇。其实它是一款平面设计软件,下面就给大家介绍下相关的cdr软件的知识。…