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

别凶小晗.

已于 2024-05-31 23:45:55 修改

阅读量1.3k

点赞数 2

文章标签：前端 pdf vue.js

于 2024-05-31 23:04:44 首次发布

本文链接：https://blog.csdn.net/Wang_MengHan/article/details/139363020

版权

在这里插入图片描述

这样的数据实现导出 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);