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

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

news 2026/4/2 13:15:39

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

EZSwiftExtensions 性能优化技巧：让你的扩展运行更快更稳定

EZSwiftExtensions 性能优化技巧：让你的扩展运行更快更稳定 【免费下载链接】EZSwiftExtensions :smirk: How Swift standard types and classes were supposed to work. 项目地址: https://gitcode.com/gh_mirrors/ez/EZSwiftExtensions EZSwiftExtensions …...

编程新知 2026/4/2 12:58:15

Reloadium数据库回滚功能：SQLAlchemy和Django ORM的10个最佳实践指南

Reloadium数据库回滚功能：SQLAlchemy和Django ORM的10个最佳实践指南 【免费下载链接】reloadium Hot Reloading, Profiling and AI debugging for Python 项目地址: https://gitcode.com/gh_mirrors/re/reloadium Reloadium是一款强大的Python热重载工具&am…...

编程新知 2026/4/2 12:52:14

2025届必备的十大降重复率工具实测分析

Ai论文网站排名（开题报告、文献综述、降aigc率、降重综合对比） TOP1. 千笔AI TOP2. aipasspaper TOP3. 清北论文 TOP4. 豆包 TOP5. kimi TOP6. deepseek 用于学术论文、科研报告以及各类文档，提供查重与改写服务的在线工具是降重网站。…...

编程新知 2026/4/2 12:05:27

5分钟打造现代化Windows提示界面：ModernFlyouts彻底改变你的系统体验

5分钟打造现代化Windows提示界面：ModernFlyouts彻底改变你的系统体验 【免费下载链接】ModernFlyouts A modern Fluent Design replacement for the old Metro themed flyouts present in Windows. 项目地址: https://gitcode.com/gh_mirrors/mo/ModernFlyouts …...

编程新知 2026/4/2 11:40:53

手把手教你用Strongswan App通过IKEv2 EAP认证连接Freeradius（附调试技巧）

移动端安全连接实战：Strongswan与Freeradius的IKEv2 EAP认证深度配置指南 在移动办公日益普及的今天，企业级VPN解决方案需要兼顾安全性与易用性。Strongswan作为开源的IPsec实现，配合Freeradius进行EAP认证，能够为Android设备提供…...

编程新知 2026/4/2 10:42:15

AI辅助开发：用自然语言描述需求，让快马平台自动生成精准的Copaw自动化脚本

AI辅助开发：用自然语言描述需求，让快马平台自动生成精准的Copaw自动化脚本 最近在做一个自动化测试项目，需要大量使用Copaw框架来模拟用户操作。作为一个刚接触Copaw的新手，最头疼的就是要花大量时间研究各种API和页面元素定位方…...

编程新知 2026/4/2 10:40:13

从仿真到实战：如何将你的MATLAB机械臂轨迹规划代码（3-5-3插值）部署到ROS或Simulink？

从仿真到实战：MATLAB机械臂轨迹规划代码的ROS与Simulink部署指南 当你完成了MATLAB中机械臂轨迹规划的算法开发，看着屏幕上平滑的位置、速度和加速度曲线，接下来面临的核心问题是如何将这些数据转化为真实机械臂的动作。本文将深入探讨两种主…...

编程新知 2026/4/2 10:11:53

别再为OpenGL窗口发愁了！用Clion+Freeglut 3.4.0快速搭建你的第一个3D立方体（Windows 11环境）

用ClionFreeglut快速搭建3D立方体的完整指南 为什么选择Freeglut而不是GLFW？ 对于刚接触OpenGL的开发者来说，第一个拦路虎往往不是图形学原理本身，而是如何快速搭建一个可运行的开发环境。市面上有GLFW、SDL、GLUT等多种窗口管理库&#xf…...

编程新知 2026/4/2 10:11:51

5个实战技巧让Continue插件成为你的JetBrains AI编程搭档

5个实战技巧让Continue插件成为你的JetBrains AI编程搭档 【免费下载链接】continue ⏩ Source-controlled AI checks, enforceable in CI. Powered by the open-source Continue CLI 项目地址: https://gitcode.com/GitHub_Trending/co/continue 在当今AI驱动的开发时代…...

编程新知 2026/4/2 9:33:09

轻量工具如何承载复杂项目？揭秘GanttProject的极简主义哲学

轻量工具如何承载复杂项目？揭秘GanttProject的极简主义哲学 【免费下载链接】ganttproject Official GanttProject repository 项目地址: https://gitcode.com/gh_mirrors/ga/ganttproject 在项目管理领域，存在一个普遍的矛盾：专业工具…...

编程新知 2026/4/2 8:36:07