1.首先需要在小程序后臺-開發設置-服務器域名 配置好下載的域名。不配置：會導致下載失敗和打開文件失敗；

2.pdf文件的url要確保可以瀏覽器直接打開。

<template><view class="pdf"><view v-for="(item,index) in pdfList" :key="index"><view>該pdf可以直接在瀏覽器打開</view><view style="text-align: center;color:#007AFF;" @click="openPdf(item.url)">{{item.name}}</view></view></view> </template><script> export default {data () {return {pdfList: [{name: '某某報告.pdf',url: 'https://push-repair.zuihuibao.cn/ACHC00DE0421FP00359D.pdf?e=1629455710&token=vuxdWg0Cy8FEDKDawxk2AJ2Mq9guC8xVHBddeMpk:wPeqcMpPZkCUIosNOSQBz4132bA='// chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/pdf-viewer/web/viewer.html?file=https%3A%2F%2Fpush-repair.zuihuibao.cn%2FACHC00DE0421FP00359D.pdf%3Fe%3D1629432102%26token%3DvuxdWg0Cy8FEDKDawxk2AJ2Mq9guC8xVHBddeMpk%3AJWYfdma3C84sDC2qrvTQVZTlczs%3D}]}},methods: {openPdf (pdfUrl) {// 1.pdfUrl 可以直接在瀏覽器打開 2.一定要在小程序后臺配置該pdf的域名 讓其可以下載 uni.showLoading({title: '正在打開...'})uni.downloadFile({url: pdfUrl,success: function (res) {console.log('下載的res', res)var filePath = res.tempFilePathuni.openDocument({filePath: encodeURI(filePath),// fileType: 'pdf',success: function (res) {uni.hideLoading()// uni.showToast({// title: '打開文檔成功',// duration: 1500,// icon: 'none'// })console.log('打開文檔成功')},fail: function (err) {uni.hideLoading()uni.showToast({title: '打開失敗',duration: 1500,icon: 'none'})console.log('打開失敗')}})},fail: function (err) {console.log('下載失敗原因', err)uni.hideLoading()setTimeout(() => {uni.showToast({title: '下載失敗',duration: 1500,icon: 'none'})}, 1500)}})}}, } </script><style> </style>

總結

以上是生活随笔為你收集整理的微信小程序打开pdf文件；uni-app下载打开pdf文件；uni-app微信小程序下载打开pdf文件预览；的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。