下载pdf.js:
下载完成后,在项目的public文件下创建pdfjs文件夹,将解压后的web、build文件复制到pdfjs文件夹内。
添加iframe视图标签,src内按照只有url是动态的,其他可以照搬。
<iframe
:width="800"
style="height: 100%;"
v-else="url"
:src="`/pdfjs/web/viewer.html?file=${encodeURIComponent(url)}`"
></iframe>
从后台获取pdf文件流,将文件流转换成BlobPart类型(注:vue3要加类型),以pdf格式显示到iframe内。