对应的hybrid/html下即可,小程序的把html文件丢到服务器,小程序通过带参跳转到web预览;
https://files.cnblogs.com/files/Fooo/jack-pdf_1.0.0_example.zip?t=1665103409
<template> <view> <web-view :src="pdfUrl"></web-view> </view> </template> <script> export default { data() { return { pdfUrl:'', from:'' } }, onl oad(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: { /** * 下载情景 */ // 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>
标签:web,浏览,app,hybrid,html,uni,pdf From: https://www.cnblogs.com/Fooo/p/16759060.html