1,下载资源后hybrid文件存放在static静态文件里 (点击这里去下载文件)
2,pdf预览页面配置
<template>
<view style="width: 100vh;">
<web-view :src="pdfUrl"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
pdfUrl: 'https://www.ropiniot.com/DJMobileWeb/pdf.html',
htmlUrl: '/static/PDFVIEW/hybrid/pdf.html',
fileUrl:'https://www.ropiniot.com/DJService/File/BASE_001/ACT/5512e00f-f679-42ec-a3ae-991e9db7df98/e8f7cf96-5774-476e-bced-e28309cd72b3.pdf'
}
},
onLoad(options) {
//从A页面点击跳转传递pdf文件路径过来
let fileUrl = encodeURIComponent(options.pdfUrl) // encodeURIComponent 函数可把字符串作为 URI 组件进行编码。
this.fileUrl = fileUrl;
// console.log(fileUrl)
// this.pdfUrl = `${this.htmlUrl}?url=${this.fileUrl}`;
}
}
</script>
3,跳转pdf页面方法,传参
// 跳转pdf页面
toViewFile() {
//pdfUrl 为pdf文件的路径 http://www.aaa.com/Service/File/作业本.pdf encodeURIComponent()传输
uni.navigateTo({
url: '/pages/webView/webView?fileUrl='+ encodeURIComponent(pdfUrl)
});
},
按照上面的做就可以了