前端实现pdf预览

大多数浏览器都是支持 pdf 预览的，这次后台返回的是 pdf 的文件流，可以通过 iframe 实现预览

处理文件流并生成链接

const blob = new Blob([await commonApi.fileDownload({ fileName: props.fileUrl })], {
                type: 'application/pdf',
            })

pdfRspRef.value = window.URL.createObjectURL(blob)

            <iframe :src="pdfRspRef" frameborder="0" height="99%" width="100%"></iframe>

iframe 的 src 属性还可以接受 base64 数据。

项目是基于 vue3 开发的，尝试了几个第三方插件，引入都报错，后来用 PDFObject，查看源码发现用的是 embed 标签...