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"/>
相关推荐
SoaringHeart14 小时前
Flutter组件封装:验证码倒计时按钮 TimerButton
前端·flutter
San30.15 小时前
深入理解 JavaScript OOP:从一个「就地编辑组件」看清封装、状态与原型链
开发语言·前端·javascript·ecmascript
AAA阿giao15 小时前
JavaScript 原型与原型链:从零到精通的深度解析
前端·javascript·原型·原型模式·prototype·原型链
0***863315 小时前
SQL Server2019安装步骤+使用+解决部分报错+卸载(超详细 附下载链接)
javascript·数据库·ui
烛阴15 小时前
C#异常概念与try-catch入门
前端·c#
钮钴禄·爱因斯晨15 小时前
# 企业级前端智能化架构:DevUI与MateChat融合实践深度剖析
前端·架构
摆烂工程师15 小时前
2025年12月最新的 Google AI One Pro 1年会员教育认证通关指南
前端·后端·ai编程
Gavin在路上16 小时前
DDD之用事件风暴重构“电商订单履约”(11)
java·前端·重构
我命由我1234516 小时前
VSCode - VSCode 颜色值快速转换
前端·ide·vscode·前端框架·编辑器·html·js
前端涂涂16 小时前
怎么设计一个加密货币 谁有权利发行数字货币 怎么防止double spending attack 怎么验证交易合法性 铸币交易..
前端