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);
相关推荐
小粉粉hhh3 小时前
Node.js(五)——编写接口
前端·javascript·node.js
进击切图仔3 小时前
SAM3 微调标注流水线和 Label Studio
java·服务器·前端
Lucky_Turtle3 小时前
【论文写作】PDF图片不清晰,打印生成PDF空白大,PDF字体嵌入
开发语言·pdf·c#
自然 醒3 小时前
前端如何实现在线预览office常见文件功能?
前端·vue.js
工具派3 小时前
写技术文档时,我把Markdown编辑和PDF导出都搬到了浏览器
pdf
肉肉不吃 肉4 小时前
前端调试跨域如何解决
前端·vue.js
Liora_Yvonne4 小时前
为什么你写了3年前端还是搭不好一个项目
前端·架构
snow@li4 小时前
Java:后端项目会有一个类似前端node_modules的目录吗 / jar包在本地仓库 ~/.m2/repository 中按版本共存
java·开发语言·前端
weedsfly4 小时前
单例模式在前端中的正确打开方式
前端·javascript·面试
PedroQue994 小时前
uni-router新推useUniEventChannel,彻底解决页面通信难题
前端·uni-app