前端将base64转换成pdf

最新推荐文章于 2025-05-19 19:22:22 发布

猿didi

最新推荐文章于 2025-05-19 19:22:22 发布

阅读量5.1k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前端文章标签：前端 pdf javascript

本文链接：https://blog.csdn.net/qq_40263124/article/details/128705377

前端专栏收录该内容

16 篇文章

订阅专栏

该代码段展示了如何在前端将Base64格式的数据转换为PDF文件。首先，它清除Base64字符串中的换行符，然后使用atob方法解码，接着创建一个Uint8Array，最后通过Blob对象生成PDF文件。对于IE浏览器，使用msSaveOrOpenBlob方法保存或打开，其他浏览器则通过创建ObjectURL并用window.open打开。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

#前端将base64转成pdf：

提示：这里可以添加学习目标

//content是base64格式
viewPdf(content) {
      console.log("content",content)
      const blob = this.base64ToBlob(content)
      if (window.navigator && window.navigator.msSaveOrOpenBlob) {
        window.navigator.msSaveOrOpenBlob(blob)
      } else {
        const fileURL = URL.createObjectURL(blob)
        window.open(fileURL);//弹出ppf文件
      }
    },

base64ToBlob(code) {
      code = code.replace(/[\n\r]/g, '')
      // atob() 方法用于解码使用 base-64 编码的字符串。
      const raw = window.atob(code)
      const rawLength = raw.length
      const uInt8Array = new Uint8Array(rawLength)
      for (let i = 0; i < rawLength; ++i) {
        uInt8Array[i] = raw.charCodeAt(i)
      }
      return new Blob([uInt8Array], { type: 'application/pdf' })
    },