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

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

news 2026/2/9 0:05:22

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

UE5 学习系列（三）创建和移动物体

这篇博客是该系列的第三篇，是在之前两篇博客的基础上展开，主要介绍如何在操作界面中创建和拖动物体，这篇博客跟随的视频链接如下： B 站视频：s03-创建和移动物体 如果你不打算开之前的博客并且对UE5 比较熟的话按照以…...

编程新知 2026/1/24 10:00:31

管理学院权限管理系统开发总结

文章目录 🎓 管理学院权限管理系统开发总结 - 现代化Web应用实践之路📝 项目概述🏗️ 技术架构设计后端技术栈前端技术栈 💡 核心功能特性1. 用户管理模块2. 权限管理系统3. 统计报表功能4. 用户体验优化 🗄️ 数据库设…...

编程新知 2026/1/24 6:30:25

在QWebEngineView上实现鼠标、触摸等事件捕获的解决方案

这个问题我看其他博主也写了，要么要会员、要么写的乱七八糟。这里我整理一下，把问题说清楚并且给出代码，拿去用就行，照着葫芦画瓢。 问题 在继承QWebEngineView后，重写mousePressEvent或event函数无法捕获鼠标按下事…...

编程新知 2025/6/11 3:07:32

代码规范和架构【立芯理论一】（2025.06.08）

1、代码规范的目标 代码简洁精炼、美观，可持续性好高效率高复用，可移植性好高内聚，低耦合没有冗余规范性，代码有规可循，可以看出自己当时的思考过程特殊排版，特殊语法，特殊指令，必须…...

编程新知 2026/1/28 11:47:09

作为测试我们应该关注redis哪些方面

1、功能测试 数据结构操作：验证字符串、列表、哈希、集合和有序的基本操作是否正确 持久化：测试aof和aof持久化机制，确保数据在开启后正确恢复。 事务：检查事务的原子性和回滚机制。 发布订阅：确保消息正确传递。 2、性…...

编程新知 2025/11/1 2:00:51

Modbus RTU与Modbus TCP详解指南

目录 1. Modbus协议基础 1.1 什么是Modbus？ 1.2 Modbus协议历史 1.3 Modbus协议族 1.4 Modbus通信模型 🎭 主从架构 🔄 请求响应模式 2. Modbus RTU详解 2.1 RTU是什么？ 2.2 RTU物理层 🔌 连接方式 ⚡ 通信参数 2.3 RTU数据帧格式 📦 帧结构详解 🔍…...

编程新知 2025/12/29 22:20:36

基于鸿蒙(HarmonyOS5)的打车小程序

1. 开发环境准备 安装DevEco Studio (鸿蒙官方IDE)配置HarmonyOS SDK申请开发者账号和必要的API密钥 2. 项目结构设计 ├── entry │ ├── src │ │ ├── main │ │ │ ├── ets │ │ │ │ ├── pages │ │ │ │ │ ├── H…...

编程新知 2025/10/10 9:07:27

使用SSE解决获取状态不一致问题

使用SSE解决获取状态不一致问题 1. 问题描述2. SSE介绍2.1 SSE 的工作原理2.2 SSE 的事件格式规范2.3 SSE与其他技术对比2.4 SSE 的优缺点 3. 实战代码 1. 问题描述 目前做的一个功能是上传多个文件，这个上传文件是整体功能的一部分，文件在上传的过程中…...

编程新知 2026/1/27 17:00:20

基于江科大stm32屏幕驱动，实现OLED多级菜单（动画效果），结构体链表实现(独创源码)

引言 在嵌入式系统中，用户界面的设计往往直接影响到用户体验。本文将以STM32微控制器和OLED显示屏为例，介绍如何实现一个多级菜单系统。该系统支持用户通过按键导航菜单，执行相应操作，并提供平滑的滚动动画效果。 本文设计了一个…...

编程新知 2026/2/6 5:58:36

PydanticAI快速入门示例

参考链接：https://ai.pydantic.dev/#why-use-pydanticai 示例代码 from pydantic_ai import Agent from pydantic_ai.models.openai import OpenAIModel from pydantic_ai.providers.openai import OpenAIProvider# 配置使用阿里云通义千问模型 model OpenAIMode…...

编程新知 2026/2/4 17:05:30