前端预览pdf文件(后端返回pdf文件流)

前端预览pdf文件(后端返回pdf文件流)

怎么判断后端是不是返回的文件流？

我的后端给的接口直接在欣赏器输入完整地址会主动下载pdf文件，这样就是返回的pdf文件流，亲试比力方便的有iframe和直接window.open临时地址.
window.open临时地址.

1. fetch(
2.           `${this.$config.VUE_APP_BASE_API}/api/ai/knowledge/api/preview?fileId=${data.fileId}`,//你的pdf文件下载路径
3.           {
4.             headers: {
5.               Authorization: getToken(),
6.             },
7.             method: "GET",
8.             responseType: "arraybuffer",//一定是这个 前面一直填的"blob"一直不成功,改成这个就好了
9.           }
10.         )
11.           .then((res) => res.blob())
12.           .then((res) => {
13.             const binaryData = [];
14.             binaryData.push(res);
15.             //获取blob链接
16.             this.pdfSrc = window.URL.createObjectURL(
17.               new Blob(binaryData, { type: "application/pdf" })
18.             );
19.             window.open(this.pdfSrc); //此地址也可直接填入iframe的src中以达到预览的目的
20.           });

复制代码

iframe

1. <iframe style="width: 800px; height: 500px" :src="pdfSrc"></iframe>
2.    </div>

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。