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

文章目录

  • [如何在前端展示后端返回的pdf Base64格式字符串](#如何在前端展示后端返回的pdf Base64格式字符串)

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

js 复制代码
// 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});
    },
相关推荐
恋猫de小郭2 小时前
Flutter 3.50 & Dart 3.14 发布,快来看看有什么更新吧
android·前端·flutter
非优秀程序员10 小时前
第10章 千团出世|《互联网产品恩仇录》
前端
非优秀程序员10 小时前
第11章 小高在对面|《互联网产品恩仇录》
前端
非优秀程序员10 小时前
第14章 只剩美团|《互联网产品恩仇录》
前端
非优秀程序员10 小时前
第09章 老乡何必为难老乡|《互联网产品恩仇录》
前端
非优秀程序员10 小时前
第03章 三大门户,烽烟起于瀛海威|《互联网产品恩仇录》
前端
曦樂~14 小时前
【Web Development】02 CSS
前端·css
风骏时光牛马14 小时前
后端服务接口开发与数据逻辑处理
前端
东鹏特饮14 小时前
经典打砖块(Breakout)游戏
前端·css·css3
IT_陈寒15 小时前
Vite的HMR把我整不会了:一个生产环境的热更新坑
前端·人工智能·后端