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"/>
相关推荐
itmigrate12 小时前
前端项目里,Object.is 并不是 === 的平替
前端
小大宇13 小时前
Vue知识点6-computed计算属性
前端·javascript·vue.js
程序员海军13 小时前
尤雨溪 : Vue 4 已经在规划中了!
前端·javascript·vue.js
2601_9499706914 小时前
HumanizeDuration 跨端三方库仓颉适配全流程
前端·javascript·flutter
风骏时光牛马15 小时前
后端服务接口开发与性能优化
前端
kyriewen16 小时前
我让 4 个 AI 互相 review 代码,最温柔的那个下手最狠
前端·程序员·ai编程
计算机魔术师16 小时前
493家公司白砸AI钱?Apollo这组数据戳破了幻觉
前端
深蓝冰河16 小时前
全脑记忆法创始人的2套快速记忆法pdf 书下载地址
pdf
IT_陈寒16 小时前
Java静态变量初始化坑得我头皮发麻
前端·人工智能·后端
天外飞雨道沧桑16 小时前
我在浏览器里练了一个 792 参数的大模型,它学会了补全 JavaScript
开发语言·javascript·ai·ecmascript·ai编程