前端预览后端服务器响应的 pdf 数据

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Miss_Liang/article/details/85601003

需求：后端服务器响应数据为 pdf 数据，前端负责接收并预览在页面上

犯错点1：前端接收响应数据类型没设置对，默认设置的 json ，在接收 pdf 数据时应该把 responseType 设置为 arraybuffer 即可接收 pdf 数据为二进制数组

接收完之后需要使用 Blob 将二进制数组转换成 Blob 对象

const blob = new Blob([res.data], {
      type: 'application/pdf'
});

再将 Blob 对象转换成 URL 对象

let objUrl = window.URL.createObjectURL(blob);

最后可以用 pdf.js 传参(将 Url 传参至 jsPdf 插件)预览至页面