UNI-APP开发在线预览PDF（ios，安卓，H5端亲测有效）

插件地址（如果出现空白，检查自己的pdf链接---我这边的测试链接，不一定哪天无效了https://pinshushu.zyrkeji.cn/uploads/20230406170306d8cf55905.pdf） https://github.com/DonnaLh/-pdf-https://github.com/DonnaLh/-pdf-

把整个文件下载后只需留里面hybrid文件即可

不愿意下载来这

https://download.csdn.net/download/weixin_47517731/87721438

在你的static目录下创建一个pdf文件夹，将hybrid文件放入（目录格式如下）

在你需要预览pdf的页面

<template><view class=""><web-view :src="url"></web-view></view>
</template>
</view>
</template><script>let app=getApp()export default {data() {return {//你的pdf链接fileUrl: "https://static.zyrkeji.top/xxxxxx.pdf",//pdf.htm所在路径viewerUrl: '/static/pdf/hybrid/pdf.html',url: ""}},onShow() {//进行拼接即可this.url = `${this.viewerUrl}?url=${this.fileUrl}`},}
</script><style>
</style>

效果图

UNI-APP开发在线预览PDF（ios，安卓，H5端亲测有效）相关推荐

uni-app开发在线预览pdf（h5/app）
本人亲测可用哦! 核心:pdf插件+web-view pdf插件获取地址 https://github.com/DonnaLh/-pdf-/tree/master 注意:这个链接里面的文件都是需要的哦 ...
uniapp移动端H5在线预览PDF等文件实现源码及注解
uniapp移动端H5预览文件实现分为两个场景处理: (这里以预览PDF文件为示例,在线预览就是查看网络文件) 1. IOS客户端预览PDF文件 IOS客户端预览PDF文件可以通过跳转文件地址实现预览 ...
uniapp 在线预览pdf
uniapp项目APP 在线预览pdf 1.将hybrid这个文件夹整个复制到你的项目 2.先创建一个 pdf页面用于展示pdf文件 <template><view style=&q ...
uniapp在线预览pdf文件
公司要求uniapp打包的h5和app都要能在线预览pdf文件.最开始是想找uniapp的插件,去插件市场搜了下,没得几个插件可用,且需要收费,所以直接用的pdf.js插件实现,在h5以及h5打包的a ...
UNIAPP在线预览PDF文档DCloud插件
UniApp 在线预览PDF&插件使用该实现方式基于pdf.js,使用网页嵌套web-view标签. 插件优点:内容懒加载,可自行决定工具栏内容,@message能监听用户操作,支持H5.安 ...
网页嵌入pdf、在线预览pdf工具及插件（转）
摘要:在web开发时我们有时会需要在线预览PDF内容,在线嵌入pdf文件: 问题1:如何网页中嵌入PDF: 在网页中: 常用的几种PDF预览代码片段如下: 代码片段1: 1 <object ty ...
android 在线预览pdf文件
android原生webView不支持预览pdf文件,ios却可以,所以android想要实现在线预览webView要通过其他方法,有以下几种方法: 1.andorid原生自带的pdf管理库,主要提供 ...
html5 pdf.js 使用方法,PDF 文件在线预览(pdf.js 使用教程)
因项目开发需要在线展示 PDF文件,为解决 PDF文件在浏览器打开后电子签章.电子签名等展示不全且部分浏览器兼容问题特利用pdf.js解决该问题: pdf.js框架为HTML5,无需任何本地支持,兼 ...
jQuery实现在线预览PDF文件
欢迎光临我的博客查看最新文章: https://river106.cn Web实现在线预览PDF文件,可通过jQuery.media实现,首先引入jQuery和jQuery.media库: <s ...

UNI-APP开发在线预览PDF（ios，安卓，H5端亲测有效）

UNI-APP开发在线预览PDF（ios，安卓，H5端亲测有效）相关推荐

最新文章

热门文章