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

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

news 2025/8/25 4:39:49

根据公司要求，让我写一个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页面就好了

相关文章：

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

根据公司要求，让我写一个h5，后续会嵌入到合作公司的微信小程序的webview中，如果是自己公司微信小程序，可以采取先下载下来pdf，然后通过wx.openDocument，进行单纯的预览操作，这个可以根据这个老哥…...

编程日记 2023/10/20 5:57:33

Swift使用Embassy库进行数据采集：热点新闻自动生成器

概述 爬虫程序是一种可以自动从网页上抓取数据的软件。爬虫程序可以用于各种目的，例如搜索引擎、数据分析、内容聚合等。本文将介绍如何使用Swift语言和Embassy库编写一个简单的爬虫程序，该程序可以从新闻网站上采集热点信息，并生成一个简单…...

编程日记 2023/10/20 5:56:32

【AIGC核心技术剖析】改进视频修复的传播和变压器（动态滤除环境中的物体）

基于流的传播和时空变压器是视频修复（VI）中的两种主流机制。尽管这些组件有效，但它们仍然受到一些影响其性能的限制。以前基于传播的方法在图像域或特征域中单独执行。与学习隔离的全局图像传播可能会由于光流不准确而导致空间错位。此外&…...

编程日记 2023/10/20 5:55:31

Win系统VMware虚拟机安装配置（二）

系统的安装得分两个步骤，第一步得配置一台电脑，选配 cpu，内存，磁盘，网卡等硬 件。第二步才是安装系统。 一、配置电脑 1、 进入 VMware 双击 VMware 图标，看到如下界面。 2、 自定义新的虚拟机 3、…...

编程日记 2023/10/20 5:54:30

基于枚举实现的观察者模式

文章目录 前言一、观察者1.定义一个观察者接口2.察者接口具体实现类 二、主题1.定义一个主题接口2.主题接口具体实现类 三、枚举维护观察者1.定义枚举类维护观察者 四、观察者模式测试1.定义观察者模式测试接口2.观察者模式测试运行结果 前言 本文介绍使用枚举的方式实现的观察…...

编程日记 2023/10/20 5:53:30

基于神经网络的图像识别研究

基于神经网络的图像识别是计算机视觉领域的一个热门研究方向，尤其是深度学习技术的兴起。以下是一些与基于神经网络的图像识别相关的关键主题和研究方向： 1. 卷积神经网络（CNN）： CNN是图像识别领域最重要的神经网络之…...

编程日记 2023/10/20 5:52:28

基于SSM的工资管理系统

基于SSM的工资管理系统 开发语言：Java数据库：MySQL技术：SpringSpringMVCMyBatisVue工具：IDEA/Ecilpse、Navicat、Maven 系统展示 登录界面 管理员界面 通知公告 考勤管理 工资管理 请假管理 摘要 基于SSM（Spring、S…...

编程日记 2023/10/20 5:51:28

微服务负载均衡实践

概述 本文介绍微服务的服务调用和负载均衡，使用spring cloud的loadbalancer及openfeign两种技术来实现。 本文的操作是在微服务的初步使用的基础上进行。 环境说明 jdk1.8 maven3.6.3 mysql8 spring cloud2021.0.8 spring boot2.7.12 idea2022 步骤 改造Eu…...

编程日记 2023/10/20 5:50:27

php定时任务

PHP实现执行定时任务的几种思路详解_php 精准定时任务_我是高手高手高高手的博客-CSDN博客 1.Linux服务器上使用CronTab定时执行php 我们先从相对比较复杂的服务器执行php谈起。服务器上安装了php，就可以执行php文件，无论是否安装了nginx或Apache这样的…...

编程日记 2023/10/20 5:49:25

2.2 如何使用FlinkSQL读取写入到文件系统(HDFS\Local\Hive)

目录 1、文件系统 SQL 连接器 2、如何指定文件系统类型 3、如何指定文件格式 4、读取文件系统 4.1 开启 目录监控 4.2 可用的 Metadata 5、写出文件系统 5.1 创建分区表 5.2 滚动策略、文件合并、分区提交 5.3 指定 Sink Parallelism 6、示例_通过FlinkSQL读取kafk…...

编程日记 2023/10/20 5:48:24

call函数和apply函数的区别

call和apply是 JavaScript 中的两个函数方法，用于调用函数并指定函数内部的this值以及传递参数。它们的主要区别在于参数的传递方式。 call方法：call方法允许你在调用函数时，显式地指定函数内部的this值和参数列表。它的语法为： …...

编程日记 2023/10/20 5:47:23

JavaCV踩坑之路1——Mac上安装OpenCV

Mac无法安装opencv 更新Homebrew： 打开终端并运行以下命令来更新Homebrew： brew update 移除Taps（仓库）: 可能与homebrew-services仓库有关。你可以尝试将它移除： brew untap homebrew/services重新安装OpenCV: 在移除…...

编程日记 2023/10/20 5:46:21

es6（三）——常用es6（函数、数组、对象的扩展）

ES6的系列文章目录 第一章 Python 机器学习入门之pandas的使用 文章目录 ES6的系列文章目录0、数值的扩展一、函数的扩展1、函数的默认值2、函数的reset参数 二、数组的扩展1. 将对象转成数组的Array.from()2. 将对象转成数组的Array.from()3. 实例方法 find()，fin…...

编程日记 2023/10/20 5:45:19

API网关与社保模块

API网关与社保模块 理解zuul网关的作用完成zuul网关的搭建 实现社保模块的代码开发 zuul网关 在学习完前面的知识后，微服务架构已经初具雏形。但还有一些问题：不同的微服务一般会有不同的网 络地址，客户端在访问这些微服务时必须记住几十甚至…...

编程日记 2023/10/20 5:44:18

linux 安装 docker

linux 安装 docker docker及版本一键安装docker(本人使用的是手动安装)Docker手动安装 docker及版本 Docker从17.03版本之后分为CE（Community Edition: 社区版）和EE（Enterprise Edition: 企业版）。相对于社区版本，企业…...

编程日记 2023/10/20 5:43:16

整数转罗马数字

题目： 罗马数字包含以下七种字符： I， V， X， L，C，D 和 M。 字符 数值 I 1 V 5 X 10 L 50 C 100 D 500 …...

编程日记 2023/10/20 5:41:13

利用爬虫采集音频信息完整代码示例

以下是一个使用WWW::RobotRules和duoip.cn/get_proxy的Perl下载器程序： #!/usr/bin/perluse strict; use warnings; use WWW::RobotRules; use LWP::UserAgent; use HTTP::Request; use HTTP::Response;# 创建一个UserAgent对象 my $ua LWP::UserAgent->new();#…...

编程日记 2023/10/20 5:40:12

WebSocket: 实时通信的新维度

介绍： 在现代Web应用程序中，实时通信对于提供即时更新和交互性至关重要。传统的HTTP协议虽然适合请求-响应模式，但对于需要频繁数据交换的场景并不理想。而WebSocket技术的出现填补了这个空白，为Web开发者们带来了一种高效、实时的…...

编程日记 2023/10/20 5:39:11

postgresql(openGauss)模糊匹配参数

被pg系这个show要求精准匹配参数恶心的不轻。 原理是用.psqlrc（openGauss用.gsqlrc）文件set一个select常量进去，需要用：调用这个常量。理论上也可以增强其他的各种功能。 我在openGauss做的一个例子 .gsqlrc（.psqlrc…...

编程日记 2023/10/20 5:38:10

jdk 加密 aes jar包解决

JDK1.8.0_151的无限制强度加密策略文件变动 JDK1.8.0_151无需去官网下载 local_policy.jar US_export_policy.jar这个jar包，只需要修改Java\jdk1.8.0_151\jre\lib\security这目录下的java.security文件配置即可。 随着越来越多的第三方工具只支持 JDK8&#xff0c…...

编程日记 2023/10/20 5:37:10

Flask RESTful 示例

目录 1. 环境准备2. 安装依赖3. 修改main.py4. 运行应用5. API使用示例获取所有任务获取单个任务创建新任务更新任务删除任务 中文乱码问题： 下面创建一个简单的Flask RESTful API示例。首先，我们需要创建环境，安装必要的依赖，然后…...

编程新知 2025/8/5 3:56:34

Spark 之 入门讲解详细版（1）

1、简介 1.1 Spark简介 Spark是加州大学伯克利分校AMP实验室（Algorithms, Machines, and People Lab）开发通用内存并行计算框架。Spark在2013年6月进入Apache成为孵化项目，8个月后成为Apache顶级项目，速度之快足见过人之处&…...

编程新知 2025/8/22 2:46:24

ubuntu搭建nfs服务centos挂载访问

在Ubuntu上设置NFS服务器 在Ubuntu上，你可以使用apt包管理器来安装NFS服务器。打开终端并运行： sudo apt update sudo apt install nfs-kernel-server创建共享目录 创建一个目录用于共享，例如/shared： sudo mkdir /shared sud…...

编程新知 2025/7/22 21:10:21

反向工程与模型迁移：打造未来商品详情API的可持续创新体系

在电商行业蓬勃发展的当下，商品详情API作为连接电商平台与开发者、商家及用户的关键纽带，其重要性日益凸显。传统商品详情API主要聚焦于商品基本信息（如名称、价格、库存等）的获取与展示，已难以满足市场对个性化、智能…...

编程新知 2025/6/15 17:37:51

Unity3D中Gfx.WaitForPresent优化方案

前言 在Unity中，Gfx.WaitForPresent占用CPU过高通常表示主线程在等待GPU完成渲染（即CPU被阻塞），这表明存在GPU瓶颈或垂直同步/帧率设置问题。以下是系统的优化方案： 对惹，这里有一个游戏开发交流小组&…...

编程新知 2025/8/23 1:29:46

Golang dig框架与GraphQL的完美结合

将 Go 的 Dig 依赖注入框架与 GraphQL 结合使用，可以显著提升应用程序的可维护性、可测试性以及灵活性。 Dig 是一个强大的依赖注入容器，能够帮助开发者更好地管理复杂的依赖关系，而 GraphQL 则是一种用于 API 的查询语言，能够提…...

编程新知 2025/8/3 20:26:48

【快手拥抱开源】通过快手团队开源的 KwaiCoder-AutoThink-preview 解锁大语言模型的潜力

引言： 在人工智能快速发展的浪潮中，快手Kwaipilot团队推出的 KwaiCoder-AutoThink-preview 具有里程碑意义——这是首个公开的AutoThink大语言模型（LLM）。该模型代表着该领域的重大突破，通过独特方式融合思考与非思考…...

编程新知 2025/8/22 5:05:44

DBAPI如何优雅的获取单条数据

API如何优雅的获取单条数据 案例一 对于查询类API，查询的是单条数据，比如根据主键ID查询用户信息，sql如下： select id, name, age from user where id #{id}API默认返回的数据格式是多条的，如下： {&qu…...

编程新知 2025/8/21 2:18:11

鸿蒙中用HarmonyOS SDK应用服务 HarmonyOS5开发一个生活电费的缴纳和查询小程序

一、项目初始化与配置 1. 创建项目 ohpm init harmony/utility-payment-app 2. 配置权限 // module.json5 {"requestPermissions": [{"name": "ohos.permission.INTERNET"},{"name": "ohos.permission.GET_NETWORK_INFO"…...

编程新知 2025/8/12 6:01:40

UR 协作机器人「三剑客」：精密轻量担当（UR7e）、全能协作主力（UR12e）、重型任务专家（UR15）

UR协作机器人正以其卓越性能在现代制造业自动化中扮演重要角色。UR7e、UR12e和UR15通过创新技术和精准设计满足了不同行业的多样化需求。其中，UR15以其速度、精度及人工智能准备能力成为自动化领域的重要突破。UR7e和UR12e则在负载规格和市场定位上不断优化&#xf…...

编程新知 2025/8/22 11:37:46