下载工具包:https://download.csdn.net/download/jbossjf/86765409
代码目录
<template>
<view>
<view>
<navigator @click="backMainPage()">
<button type="primary">返回主页</button>
</navigator>
</view>
<web-view style="margin-top: 110rpx;" :src="pdfUrl"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
pdfUrl:'',
from:''
}
},
onLoad(option) {
/**
* 浏览情景
*/
// 浏览情景1:浏览本地的pdf文件
// this.pdfUrl = '/hybrid/html/web/viewer.html?file=./compressed.tracemonkey-pldi-09.pdf'
let newurl = encodeURI(option.url)
// 浏览情景2:浏览在线的pdf文件
this.pdfUrl = '/hybrid/html/web/viewer.html?file='+encodeURIComponent(newurl)
},
methods: {
backMainPage()
{
uni.redirectTo({
url: '/pages/bottom-nav/index',
success() {
}
})
}
/**
* 下载情景
*/
// downloadPdfClick(){
// // 下载情景1:h5内嵌app,通过分享给朋友的方式进行下载
// if(this.from == 'app'){
// let item = 'http://自己的域名/hybrid/html/web/pdf.html?shareUrl='+encodeURIComponent(this.bgUrl)
// +'&shareTitle=PDF文件';
// window.open(item);
// return;
// }else if(this.from == 'wx wq'){
// // 下载情景2:h5内嵌微信小程序,从h5页面跳转到小程序页面后,然后通过调用小程序原生API进行下载
// // 注意: 先要引入微信jssdk [命令: npm install jweixin-module]
// // this.$wx.miniProgram.navigateTo({
// // url: '/pages/pdf/pdf_download?pdf='+ encodeURIComponent(this.bgUrl) //小程序页面链接
// // });
// }
// }
}
}
</script>
<style>
</style>