uni-app开发在线预览pdf（h5/app）

本人亲测可用哦！

核心：pdf插件+web-view

pdf插件获取地址 https://github.com/DonnaLh/-pdf-/tree/master

注意：这个链接里面的文件都是需要的哦 pdf文件里放的是插件，pdf.html也是需要的

pages下的filePreview.vue也需要

最后大概的目录是如下图所示

filePreview.vue是我们要跳转的路径，放在哪里看你自己

最后的示例如图：

点击pdf链接跳转到filePreview：

附：filePreview.vue的代码如下所示：

<template><view><web-view :src="url"></web-view></view>
</template><script>export default {data() {return {url: '',};},onLoad(params){let {url} = paramsthis.url = `/hybrid/html/pdf.html?url=${url}`},onBackPress(){}}
</script><style>
</style>

注意，上面的地址，如果根据你自己的文件存放路径而变，如果是按照我上面的存放路径放的话，就不需要修改了

uni-app开发在线预览pdf（h5/app）相关推荐

UNI-APP开发在线预览PDF（ios，安卓，H5端亲测有效）
插件地址 (如果出现空白,检查自己的pdf链接---我这边的测试链接,不一定哪天无效了https://pinshushu.zyrkeji.cn/uploads/20230406170306d8cf55 ...
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 ...
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 ...
pdf.js在线预览PDF文件实现
pdf.js是一款功能比较强大的在线预览PDF插件,自带"打印","搜索","翻页"等功能,强大且实现方便,并且兼容性比较好(兼容ie10及 ...
#网页中动态嵌入PDF文件/在线预览PDF内容#
摘要:在web开发时我们有时会需要在线预览PDF内容,在线嵌入pdf文件: 问题1:如何网页中嵌入PDF: 在网页中: 常用的几种PDF预览代码片段如下: 代码片段1: 1 <object ty ...

uni-app开发在线预览pdf（h5/app）

uni-app开发在线预览pdf（h5/app）相关推荐

最新文章

热门文章