vue实现word，pdf文件的导出功能_vueword转pdf - CSDN文库

2星 70 浏览量更新于2023-03-03 评论 1 收藏 33KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

vue实现实现word，，pdf文件的导出功能文件的导出功能

给大家介绍了vue实现word或pdf文档导出的功能，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要

的朋友参考下吧

vue实现word或pdf文档导出的功能，我的项目是：后端返回一个文档流(下图)，然后前端对文档流做处理进行下载，代码如

下：

import axios from 'axios';

axios.get(`url`, { //url: 接口地址

responseType: `arraybuffer` //一定要写

})

.then(res => {

if(res.status == 200){

let blob = new Blob([res.data], {

type: `application/msword` //word文档为msword,pdf文档为pdf

});

let objectUrl = URL.createObjectURL(blob);

let link = document.createElement("a");

let fname = `我的文档`; //下载文件的名字

link.href = objectUrl;

link.setAttribute("download", fname);

document.body.appendChild(link);

link.click();

}else {

this.$message({

type: "error",

message: "导出失败"

})

}

});

后端返回的文档流的格式：

PDF格式:

word格式：

总结总结

以上所述是小编给大家介绍的vue实现word，pdf文件的导出功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，

小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论1

LearnBC

2022-06-27

angluo-javascript-236179

weixin_38609089

粉丝: 5
资源: 925

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈