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

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

news 2026/2/8 23:39:24

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

KubeSphere 容器平台高可用：环境搭建与可视化操作指南

Linux_k8s篇 欢迎来到Linux的世界，看笔记好好学多敲多打，每个人都是大神！ 题目：KubeSphere 容器平台高可用：环境搭建与可视化操作指南 版本号: 1.0,0 作者: 老王要学习 日期: 2025.06.05 适用环境: Ubuntu22 文档说…...

编程新知 2026/2/8 15:03:14

RocketMQ延迟消息机制

两种延迟消息 RocketMQ中提供了两种延迟消息机制 指定固定的延迟级别 通过在Message中设定一个MessageDelayLevel参数，对应18个预设的延迟级别指定时间点的延迟级别 通过在Message中设定一个DeliverTimeMS指定一个Long类型表示的具体时间点。到了时间点后&#xf…...

编程新知 2026/2/8 21:59:25

Qt/C++开发监控GB28181系统/取流协议/同时支持udp/tcp被动/tcp主动

一、前言说明 在2011版本的gb28181协议中，拉取视频流只要求udp方式，从2016开始要求新增支持tcp被动和tcp主动两种方式，udp理论上会丢包的，所以实际使用过程可能会出现画面花屏的情况，而tcp肯定不丢包，起码…...

编程新知 2026/2/5 4:23:49

C++：std::is_convertible

C++标志库中提供is_convertible，可以测试一种类型是否可以转换为另一只类型： template <class From, class To> struct is_convertible; 使用举例： #include <iostream> #include <string>using namespace std;struct A { }; struct B : A { };int main…...

编程新知 2025/6/11 15:23:57

SciencePlots——绘制论文中的图片

文章目录 安装一、风格二、1 资源 安装 # 安装最新版 pip install githttps://github.com/garrettj403/SciencePlots.git# 安装稳定版 pip install SciencePlots一、风格 简单好用的深度学习论文绘图专用工具包–Science Plot 二、 1 资源 论文绘图神器来了&#xff1a;一行…...

编程新知 2025/9/8 13:50:07

在鸿蒙HarmonyOS 5中实现抖音风格的点赞功能

下面我将详细介绍如何使用HarmonyOS SDK在HarmonyOS 5中实现类似抖音的点赞功能&#xff0c;包括动画效果、数据同步和交互优化。 1. 基础点赞功能实现 1.1 创建数据模型 // VideoModel.ets export class VideoModel {id: string "";title: string ""…...

编程新知 2025/11/14 9:31:35

AI Agent与Agentic AI：原理、应用、挑战与未来展望

文章目录 一、引言二、AI Agent与Agentic AI的兴起2.1 技术契机与生态成熟2.2 Agent的定义与特征2.3 Agent的发展历程 三、AI Agent的核心技术栈解密3.1 感知模块代码示例&#xff1a;使用Python和OpenCV进行图像识别 3.2 认知与决策模块代码示例&#xff1a;使用OpenAI GPT-3进…...

编程新知 2026/1/23 7:04:53

Linux-07 ubuntu 的 chrome 启动不了

文章目录 问题原因解决步骤一、卸载旧版chrome二、重新安装chorme三、启动不了&#xff0c;报错如下四、启动不了&#xff0c;解决如下 总结 问题原因 在应用中可以看到chrome&#xff0c;但是打不开(说明&#xff1a;原来的ubuntu系统出问题了&#xff0c;这个是备用的硬盘&a…...

编程新知 2026/1/29 17:56:19

Spring Boot+Neo4j知识图谱实战：3步搭建智能关系网络！

一、引言 在数据驱动的背景下&#xff0c;知识图谱凭借其高效的信息组织能力&#xff0c;正逐步成为各行业应用的关键技术。本文聚焦 Spring Boot与Neo4j图数据库的技术结合&#xff0c;探讨知识图谱开发的实现细节&#xff0c;帮助读者掌握该技术栈在实际项目中的落地方法。 …...

编程新知 2025/9/17 21:39:04

Maven 概述、安装、配置、仓库、私服详解

目录 1、Maven 概述 1.1 Maven 的定义 1.2 Maven 解决的问题 1.3 Maven 的核心特性与优势 2、Maven 安装 2.1 下载 Maven 2.2 安装配置 Maven 2.3 测试安装 2.4 修改 Maven 本地仓库的默认路径 3、Maven 配置 3.1 配置本地仓库 3.2 配置 JDK 3.3 IDEA 配置本地 Ma…...

编程新知 2026/2/8 1:58:01