js下载pdf文件并预览(base64),但文件太大无法正常显示

复制代码
base64转blob
javascript 复制代码
    dataURLtoBlob(dataurl ) {
      let arr = dataurl.split(','),
        mime = arr[0].match(/:(.*?);/)[1],
        bstr = atob(arr[1]),
        n = bstr.length,
        u8arr = new Uint8Array(n)
      while (n--) {
        u8arr[n] = bstr.charCodeAt(n)
      }
      return new Blob([u8arr], { type: mime })
    },

下载文件并凭借文件地址:

javascript 复制代码
 const link = 'data:application/pdf;base64,' + pdf文件(base64)
 let blob = this.dataURLtoBlob(link)
 this.fileUrl = window.URL.createObjectURL(blob)

用iframe预览文件:

javascript 复制代码
      <iframe
          :src="fileUrl"
          v-loading="loading"
          frameborder="0"
          style="width: 100%"
          height="620px"/>
相关推荐
hepherd13 分钟前
Flask学习笔记 - 模板渲染
前端·flask
LaoZhangAI14 分钟前
【2025最新】Manus邀请码免费获取完全指南:5种稳定渠道+3个隐藏方法
前端
经常见15 分钟前
浅拷贝与深拷贝
前端
梅子酱~20 分钟前
Vue 学习随笔系列二十二 —— 表格高度自适应
javascript·vue.js·学习
前端飞天猪20 分钟前
学习笔记:三行命令,免费申请https加密证书📃
前端
关二哥拉二胡21 分钟前
前端的 AI 应用开发系列二:手把手揭秘 RAG
前端·面试
斯~内克23 分钟前
前端图片加载性能优化全攻略:并发限制、预加载、懒加载与错误恢复策略
前端·性能优化
你的人类朋友24 分钟前
JS严格模式,启动!
javascript·后端·node.js
奇怪的知识又增长了32 分钟前
Command SwiftCompile failed with a nonzero exit code Command SwiftGeneratePch em
前端
Maofu32 分钟前
从React项目 迁移到 Solid项目的踩坑记录
前端