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);
相关推荐
咸鱼加辣1 分钟前
【vue面试】ref和reactive
前端·javascript·vue.js
LYFlied3 分钟前
【每日算法】LeetCode 104. 二叉树的最大深度
前端·算法·leetcode·面试·职场和发展
宁雨桥7 分钟前
前端并发控制的多种实现方案与最佳实践
前端
KLW7510 分钟前
vue2 与vue3 中v-model的区别
前端·javascript·vue.js
zhongjiahao17 分钟前
一文带你了解前端全局状态管理
前端
柳安18 分钟前
对keep-alive的理解,它是如何实现的,具体缓存的是什么?
前端
keyV19 分钟前
告别满屏 v-if:用一个自定义指令搞定 Vue 前端权限控制
前端·vue.js·promise
X_Eartha_81520 分钟前
前端学习—HTML基础语法(1)
前端·学习·html
如果你好21 分钟前
一文搞懂事件冒泡与阻止方法:event.stopPropagation() 实战指南
前端·javascript
用户81686947472524 分钟前
深入 useMemo 与 useCallback 的底层实现
前端·react.js