美文网首页
前端接收pdf文件流实现预览pdf文件

前端接收pdf文件流实现预览pdf文件

作者: vioi | 来源:发表于2021-06-18 14:59 被阅读0次
const previewPdf = () => {
    axios({
      method: 'get', // 请求方式
      responseType: 'blob',
      url: '/afa/pdfxxx', // 请求路径
    }).then((res = {}) => {
      if (`${res.status}` === '200') {
        if (window.navigator.msSaveBlob) { // IE 
        //IE无法打开Blob URL链接,所以不能预览只能通过window.navigator.msSaveBlob下载
        //注:msSaveBlob的第二个参数要有.pdf后缀,不然IE下载后是没有后缀的文件
          const blob = new window.Blob([res.data], { type: 'application/pdf;charset-UTF-8' });
          window.navigator.msSaveBlob(blob, `${filename}.pdf`);
        } else {
          const blob = new window.Blob([res.data], {
            type: 'application/pdf;charset-UTF-8',
          });
          const href = URL.createObjectURL(blob);
          window.open(href);
        }
      }
    });
  };

如果没有自动打开预览,可能是这个地方拦截了,点击它将拦截关闭


image.png

相关文章

网友评论

      本文标题:前端接收pdf文件流实现预览pdf文件

      本文链接:https://www.haomeiwen.com/subject/qugkyltx.html