vue3 前端实现导出下载pdf文件

这样的数据实现导出 yourArrayBufferOrByteArray 就是后端返回数据

复制代码
// 创建Blob对象
    const blob = new Blob([new Uint8Array(res)], { type: 'application/pdf' })

    // 创建一个表示该Blob的URL
    const url = URL.createObjectURL(blob);

    // 创建一个a标签用于下载
    const a = document.createElement('a');
    a.href = url;
    a.download = 'yourfile.pdf'; // 设置下载文件名
    document.body.appendChild(a);
    a.click(); // 触发下载

    // 释放URL对象
    URL.revokeObjectURL(url);
    document.body.removeChild(a);
相关推荐
鹏多多17 小时前
详解React组件状态管理useState
前端·javascript·react.js
excel17 小时前
如何将 MP4 文件转换为 M3U8 格式并实现流媒体播放
前端
秋氘渔18 小时前
Vue基础语法及项目相关指令详解
前端·javascript·vue.js
IT_陈寒18 小时前
React性能优化实战:我用这5个技巧将组件渲染速度提升了70%
前端·人工智能·后端
邱泽贤18 小时前
uniapp 当前页调用上一页的方法
前端·javascript·uni-app
不一样的少年_18 小时前
大部分人都错了!这才是chrome插件多脚本通信的正确姿势
前端·javascript·浏览器
Moment18 小时前
Angular v21 无 Zone 模式前瞻:新特性、性能提升与迁移方案
前端·javascript·angular.js
yqcoder18 小时前
vue2 和 vue3 中,provide 和 inject 用法
前端·javascript·vue.js
艾小码18 小时前
Vue组件开发避坑指南:循环引用、更新控制与模板替代
前端·javascript·vue.js
合作小小程序员小小店18 小时前
web开发,在线%农业产品销售管理%系统,基于idea,html,css,vue.js,layui,java,jdk,ssm
java·前端·jdk·intellij-idea·layui·数据库管理员