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);
相关推荐
IT_陈寒4 分钟前
Vue3 性能优化实战:从10秒到1秒的5个关键技巧,让你的应用飞起来!
前端·人工智能·后端
gambool9 分钟前
新版chrome Edge浏览器不再支持手动添加cookie
前端·chrome·edge
JIngJaneIL10 分钟前
基于Java酒店管理系统(源码+数据库+文档)
java·开发语言·数据库·vue.js·spring boot
一只爱吃糖的小羊12 分钟前
React 避坑指南:“闭包陷阱“
前端·javascript·react.js
weixin_4462608516 分钟前
八、微调后模型使用及效果验证-1
前端·人工智能·chrome·微调模型
by__csdn17 分钟前
大前端:定义、演进与实践全景解析
前端·javascript·vue.js·react.js·typescript·ecmascript·动画
JS_GGbond25 分钟前
前端工具链:从“厨房设备”到“开箱即用”的轻松之旅
前端
7***374525 分钟前
前端体验的隐性力量:微交互、认知负担与情绪设计的技术实践思维
前端·交互
VX:Fegn089526 分钟前
计算机毕业设计|基于springboot + vue健身房管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
eason_fan33 分钟前
一次 React 项目 lock 文件冲突修复:从 Hook 报错到 Vite 配置优化
前端·vite·前端工程化