下載PDF.js
問題描述
在uniapp中預覽base64的PDF,可以使用web-view組件嵌入一個PDF.js的實例。以下是一個簡單的示例:
解決方案:
1.在頁面的.vue
文件中添加web-view組件:
<template><view style="width: 50%;"><web-view :src="allUrl"></web-view></view>
</template><script>export default {data () {return {allUrl: '',viewerUrl: '/static/hybrid/html/web/viewer.html',//引入下載好的文件// pdfUrl: 'http://172.11.11.11:8888/ceshi.pdf',//可訪問的http地址'pdfUrl':'data:application/pdf;base64'// 可以去線上生成一個base64pdf}},onLoad (options) {this.pdfUrl = options.pdfUrllet fileUrl = encodeURIComponent(this.pdfUrl) // encodeURIComponent 函數可把字符串作為 URI 組件進行編碼。this.allUrl = this.viewerUrl + '?file=' + fileUrl}}
</script><style></style>