将hybrid整个复制到一级文件夹下
hybrid地址:https://download.csdn.net/download/qq_37194189/88157330
创建一个 pdf页面用于展示pdf文件
<template>
<view style="width: 100%;" >
<web-view :src="pdfUrl"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
pdfUrl:'',
htmlUrl: '/hybrid/html/web/viewer.html',
}
},
onLoad(options) {
//从A页面点击跳转传递pdf文件路径过来
let fileUrl = encodeURIComponent(options.pdfUrl) // encodeURIComponent 函数可把字符串作为 URI 组件进行编码。
this.pdfUrl= this.htmlUrl+ '?file=' + fileUrl
}
}
</script>
在要跳转的文件里加方法
文章来源:https://www.toymoban.com/news/detail-635290.html
//pdf,传入pdf的url 可实现在线预览
showPdf(){
let pdfUrl= encodeURIComponent('http://rtdsoft.xxx.pdf')
uni.navigateTo({
url:'/pages/openpdf/openpdf?pdfUrl='+ pdfUrl
})
},
就OK啦
文章来源地址https://www.toymoban.com/news/detail-635290.html
到了这里,关于h5浏览pdf文件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!