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

移动端PDF在线预览

news 2026/5/23 0:54:02

苹果手机可以直接在线预览PDF文件，而安卓手机不行，必须得下载(如图)，所以需要解决一下


1.准备所需js文件
（1）js下载地址https://mozilla.github.io/pdf.js/
（2）下载步骤
  ①:打开网址后，点击图中的“Download”

②：选择版本，直接下载即可


2.在项目中导入相关JS文件(如图)


3.编写代码
（1）引入js文件
<script src="js/build/pdf.js"></script>
<script src="js/web/viewer.js"></script>
<link rel="stylesheet" href="js/web/viewer.css">
（2）指定相应文件路径
     ①:默认情况下，需要“mypdf”文件和“viewer.html”文件必须在同一个目录下，如图

         

 <a target="_blank" href="js/web/viewer.html?file=mypdf/test.pdf">在线预览PDF文件</a>
   ②:如果项目中无法实现两个文件在同一目录下（如图），可以使用相对路径来实现

        

<a target="_blank" href="js/web/viewer.html?file=../../mypdf/test.pdf">在线预览PDF文件</a>
3.效果（安卓可在线预览PDF文件）

————————————————
版权声明：本文为CSDN博主「super_DuoLa」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/super_DuoLa/article/details/90207965

相关文章：

移动端PDF在线预览

苹果手机可以直接在线预览PDF文件&#xff0c;而安卓手机不行&#xff0c;必须得下载(如图)&#xff0c;所以需要解决一下 1.准备所需js文件 &#xff08;1&#xff09;js下载地址https://mozilla.github.io/pdf.js/ &#xff08;2&#xff09;下载步骤 ①:打开网址后&#x…...

编程日记 2023/6/5 14:51:07

虚拟机两次寻址

一次寻址&#xff1a; 虚拟、逻辑地址&#xff1a;CS&#xff08;段选择子&#xff09; eip&#xff08;段内偏移&#xff09;> 线性地址 &#xff1a; 32位或64位 通过页表> 物理地址 x86: 页面大小4k pte4个字节 10-10-12 &#xff08;不管是x86 x86PAE x64下页内偏…...

编程日记 2023/6/5 14:46:06

DRF之JWT认证

一、JWT认证 在用户注册或登录后&#xff0c;我们想记录用户的登录状态&#xff0c;或者为用户创建身份认证的凭证。我们不再使用Session认证机制&#xff0c;而使用Json Web Token&#xff08;本质就是token&#xff09;认证机制。 Json web token (JWT), 是为了在网络应用环…...

编程日记 2023/6/5 14:41:05

华为OD机试真题 Java 实现【放苹果】【2022Q4 100分】

一、题目描述 把m个同样的苹果放在n个同样的盘子里，允许有的盘子空着不放，问共有多少种不同的分法？ 注意：如果有7个苹果和3个盘子，（5，1，1）和（1，5，1）被视为是同一种分法。 数据范围：0≤m≤10 ，1≤n≤10 。 二、输入描述 输入两个int整数。 三、输出描述 输…...

编程日记 2023/6/5 14:36:04

拼多多继续ALL IN

2023年注定是中国电商不平凡的一年。 随着网购用户数量见顶&#xff0c;经济形势进入新常态&#xff0c;电商平台已经来到了短兵相接的肉搏战阶段。 此刻的618大促&#xff0c;硝烟弥漫&#xff0c;刀光剑影&#xff0c;电商“决战”似乎是迫在眉睫。对各个平台来说&#xff0c…...

编程日记 2023/6/5 14:31:02

Unity的IPostprocessBuildWithReport：深入解析与实用案例

Unity IPostprocessBuildWithReport Unity IPostprocessBuildWithReport是Unity引擎中的一个非常有用的功能&#xff0c;它可以让开发者在构建项目后自动执行一些操作&#xff0c;并且可以获取构建报告。这个功能可以帮助开发提高工作效率&#xff0c;减少手动操作的时间和错误…...

编程日记 2023/6/5 14:26:01

九、Spring Cloud—gateway网关

一、引言 每个微服务都需和前端进行通信&#xff0c;解决每个微服务请求时的鉴权、限流、权限校验、跨域等逻辑&#xff0c;放在一个统一的地方进行使用。 在微服务架构中&#xff0c;网关是一个重要的组件&#xff0c;它作为系统的入口&#xff0c;负责接收所有的客户端请求…...

编程日记 2023/6/5 14:21:00

ARM微架构与程序编写

目录 1.流水线 2.指令流水线 3. 多核处理器​编辑 4. 工程搭建 4.1为Keil软件配置编译工具链 5.程序编写 5.1 数据处理指令 5.2 带标志位的加法ADC ADDS 5.3 跳转指令B\BL 5.4 单寄存器内存访问 5.5 批量寄存器内存访问 5.6 栈的应用->叶子函数的调用过程 5.…...

编程日记 2023/6/5 14:15:59

Windows下利用Anaconda创建多个CUDA环境

参考 https://blog.csdn.net/qq_42395917/article/details/126237388 https://blog.csdn.net/qq_42406643/article/details/109545766 (待学习补充) https://blog.csdn.net/qq_43919533/article/details/125694437 (待学习补充) 安装cudatoolkit和cudnn # 前提是我已经安装了…...

编程日记 2023/6/5 14:10:58

C SS复习笔记

1.img标签 img的src属性是图片显示不出来时显示的文字 ing的title属性是光标放到图片上&#xff0c;提示的文字 2.a标签 a标签的target属性表示打开窗口的方式&#xff0c;默认的值是_self表示当前窗口的打开页面&#xff0c;_blank表示新窗口打开页面。 a标签的href链接分…...

编程日记 2023/6/5 14:05:57

LeetCode 225 用队列实现栈

题目&#xff1a; 请你仅使用两个队列实现一个后入先出&#xff08;LIFO&#xff09;的栈&#xff0c;并支持普通栈的全部四种操作&#xff08;push、top、pop 和 empty&#xff09;。 实现 MyStack 类&#xff1a; void push(int x) 将元素 x 压入栈顶。int pop() 移除并返回…...

编程日记 2023/6/5 14:00:55

Java对象的共享

要编写正确的并发程序&#xff0c;关键问题在于&#xff1a;在访问共享的可变状态时需要进行正确的管理。第2章介绍了如何通过同步来避免多个线程在同一时刻访问相同的数据&#xff0c;而本章将介绍如何共享和发布对象&#xff0c;从而使它们能够安全地由多个线程同时访问。这两…...

编程日记 2023/6/5 13:55:54

漏洞概述-0day漏洞利用原理(0)

0day专题对作者来说是一个很大的挑战，但无论有多难，作者会坚持进行大量的对新旧技术（精通二进制、汇编语言、操作系统底层的知识）实践并尽可能做到完善，最终利用技术发扬正能量。 bug 与漏洞 随着现代软件工业的发展，软件规模不断扩大，软件内部的逻辑也变得异常复杂。为…...

编程日记 2023/6/5 13:50:53

交换机的4种网络结构方式：级联方式、堆叠方式、端口聚合方式、分层方式

交换机是计算机网络中重要的网络设备之一&#xff0c;用于实现局域网&#xff08;LAN&#xff09;内部的数据转发和通信。交换机可以采用不同的网络结构方式来满足不同的网络需求和拓扑结构。本文将详细介绍交换机的四种网络结构方式&#xff1a;级联方式、堆叠方式、端口聚合方…...

编程日记 2023/6/5 13:45:52

firewall-cmd防火墙策略

--permanent 永久生效&#xff0c;重启后规则不消失 不执行 firewall-cmd --reload 命令配置不生效 添加单个IP为白名单 firewall-cmd --permanent --zonepublic -add-rich-rulerule family"ipv4" source address"IP" accept 删除白名单 firewall-cmd --…...

编程日记 2023/6/5 13:40:51

解决SQLException: Incorrect string value异常

java开发中会遇到如下异常&#xff1a; org.apache.ibatis.exceptions.PersistenceException: ### Error updating database. Cause: java.sql.SQLException: Incorrect string value: \xF0\x9F\x95\xB32:... for column baseInfo at row 1 ### The error may involve com.f…...

编程日记 2023/6/5 13:35:50

桂院校园导航 导入 与 配置教程

将 静态项目/云开发项目 文件夹下最新版本的 文件夹下的 项目 的整个文件夹 复制到项目路径下&#xff08;比如 D:\WeChatProjects&#xff09;&#xff0c;强烈建议不要直接扔在桌面上 云开发项目 需开通 云开发 功能&#xff08;首月免费&#xff0c;次月19.9&#xff09;&am…...

编程日记 2023/6/5 13:30:49

Linux上安装jdk Tomcat mysql redis

1.安装JDk 1.1这里使用xshell中xfxp进行文件的上传&#xff0c;将jdk二进制包上传到Linux服务器上 下载地址&#xff1a;Java Downloads | Oracle 或者这里有下载好的安装包&#xff1a;链接&#xff1a;https://pan.baidu.com/s/1ZSJxBDzDaTwCH2IG-d2Gig 提取码&#xff1a;…...

编程日记 2023/6/5 13:25:47

Postman中加url环境变量和token全局变量

环境变量引用 语法&#xff1a;{{变量名}} 环境变量分类 1. 全局变量&#xff1a;全局有效&#xff0c;在Postman中的任何集合中都可以使用该变量&#xff0c;作用域最大。 2. 环境变量&#xff1a;要申明环境变量&#xff0c;先要创建环境&#xff0c;然后在该环境中创建变…...

编程日记 2023/6/5 13:20:45

多线程事务回滚方法

多线程事务回滚方法 介绍案例演示线程池配置异常类实体类控制层业务层mapper工具类验证 解决方案使用sqlSession控制手动提交事务SqlSessionTemplate注入容器中改造业务层验证成功操作示例业务层改造 介绍 1.最近有一个大数据量插入的操作入库的业务场景&#xff0c;需要先做一…...

编程日记 2023/6/5 13:15:44

《技术底稿 40》别只看文件大小：一次 “反常 OOM” 背后的内存缓存重构

一、反常现象&#xff1a;小文件报错&#xff0c;大文件反倒正常业务场景需批量导入文献类 ZIP 压缩包。本次测试出现诡异问题&#xff1a;一个 282MB 的 ZIP 包导入时&#xff0c;直接抛出 java.lang.OutOfMemoryError: Java heap space 堆内存溢出。当前服务 JVM 堆内存固定配…...

编程新知 2026/5/23 0:44:19

鸿蒙同城兴趣圈页面构建：活动热区地图、话题动态与安全提示模块详解

鸿蒙同城兴趣圈页面构建&#xff1a;活动热区地图、话题动态与安全提示模块详解 前言 在 HarmonyOS 6.0 应用开发中&#xff0c;社交类页面的地理可视化、话题互动和安全提示是提升用户体验的关键补充模块。本文将以“同城兴趣圈”应用中的“活动热区”模拟地图、“话题动态”帖…...

编程新知 2026/5/23 0:29:03

NotebookLM移动端体验全拆解（iOS/Android双端对比报告·仅限内测用户知晓的性能阈值）

更多请点击&#xff1a; https://kaifayun.com 第一章&#xff1a;NotebookLM移动端体验全景概览 NotebookLM 作为 Google 推出的基于用户自有文档构建的 AI 助手&#xff0c;其移动端&#xff08;iOS/Android&#xff09;已正式开放下载。该应用并非简单将网页版界面缩放适配…...

编程新知 2026/5/23 0:15:51

3个步骤掌握Betaflight飞控固件：从零开始打造专业级无人机飞行体验

3个步骤掌握Betaflight飞控固件&#xff1a;从零开始打造专业级无人机飞行体验 【免费下载链接】betaflight Open Source Flight Controller Firmware 项目地址: https://gitcode.com/gh_mirrors/be/betaflight Betaflight作为全球最受欢迎的开源飞控固件&#xff0c;为…...

编程新知 2026/5/23 0:11:45

机器学习博士生存指南：问题定义、三维技术栈与认知带宽管理

1. 这不是“读博指南”&#xff0c;而是一份机器学习方向博士生的生存手记 我带过7届硕士、指导过4位博士&#xff0c;自己也从MIT CSAIL实验室的PhD candidate一路走到现在&#xff0c;在工业界和学术界都完整跑过ML方向的闭环——从ICML投稿被拒5次到最终以共同作者身份参与N…...

编程新知 2026/5/22 22:47:33

KAG增强生成、AlphaMath推理与Offloading协同架构

1. 项目概述&#xff1a;一场聚焦模型轻量化与推理边界的深度技术切片 “AI Innovations and Insights 23: KAG, AlphaMath, and Offloading”这个标题&#xff0c;乍看像是一场行业峰会的分论坛名称&#xff0c;但拆开来看&#xff0c;它其实是一份高度凝练的技术路线图——KA…...

编程新知 2026/5/22 22:30:38

NotebookLM视频处理突然变慢？紧急排查清单：GPU卸载阈值、音频采样率陷阱、语言模型缓存泄漏

更多请点击&#xff1a; https://codechina.net 第一章&#xff1a;NotebookLM视频转文字 NotebookLM 原生不支持直接上传视频文件进行转录&#xff0c;但可通过将视频中的音频提取为标准格式&#xff08;如 WAV 或 MP3&#xff09;&#xff0c;再借助 Google 的 Speech-to-Te…...

编程新知 2026/5/22 22:16:55

【Elasticsearch从入门到精通】第10篇：Elasticsearch REST API最佳实践——Content-Type、模糊性与访问控制

上一篇【第09篇】Elasticsearch API规范详解——多索引、日期数学与通用选项 下一篇【第11篇】Elasticsearch索引API详解——索引创建、删除与别名管理&#xff08;明日更新&#xff0c;敬请期待&#xff09; 摘要 掌握Elasticsearch REST API的使用规范不仅能避免常见错误&am…...

编程新知 2026/5/22 22:01:38

如何在3分钟内为Word添加专业APA第7版引用格式：终极指南

如何在3分钟内为Word添加专业APA第7版引用格式&#xff1a;终极指南 【免费下载链接】APA-7th-Edition Microsoft Word XSD for generating APA 7th edition references 项目地址: https://gitcode.com/gh_mirrors/ap/APA-7th-Edition 学术写作中&#xff0c;引用格式的…...

编程新知 2026/5/22 20:30:04

三国杀卡牌DIY终极指南：5分钟打造你的专属武将

三国杀卡牌DIY终极指南&#xff1a;5分钟打造你的专属武将 【免费下载链接】Lyciumaker 在线三国杀卡牌制作器 项目地址: https://gitcode.com/gh_mirrors/ly/Lyciumaker 还在羡慕别人能设计出酷炫的三国杀武将卡牌吗&#xff1f;Lyciumaker这个免费开源的三国杀卡牌制作…...

编程新知 2026/5/22 20:06:30