如何在前端展示后端返回的pdf Base64格式字符串

最新推荐文章于 2024-05-18 11:09:56 发布

Keeling1720

最新推荐文章于 2024-05-18 11:09:56 发布

阅读量767

点赞数 3

文章标签：前端 pdf

本文链接：https://blog.csdn.net/weixin_44741023/article/details/138316083

版权

文章目录

如何在前端展示后端返回的pdf Base64格式字符串

如何在前端展示后端返回的pdf Base64格式字符串

// fileBase64 就是后端返回的 pdf Base64格式字符串
    getPdfDocument(fileBase64) {
          let fileBlob = this.base64ToBlobsdf(fileBase64,'application/pdf');
          let basePdfUrl = window.URL.createObjectURL(fileBlob);
          sessionStorage.setItem('basePdfUrl', basePdfUrl);
          location.href = "lookPdf.html";
          let newWindow = window.open("");
          newWindow.document.write("<iframe width='100%' height='100%' src='"+basePdfUrl+"'></iframe>");
        }
      })
    },
    base64ToBlobsdf(fileBase64,fileType){
      let raw = window.atob(fileBase64);
      let rawLength = raw.length;
      let uint8Array = new Uint8Array(rawLength);
      while (rawLength--){
        uint8Array[rawLength] = raw.charCodeAt(rawLength);
      }
      return new Blob([uint8Array],{type: fileType});
    },