当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vue实现word，pdf文件的导出功能

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

2019年06月03日  | 移动技术网IT编程  | 我要评论

新浪博客排名,谁把谁当真,甘肃金塔县

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文件的导出功能，希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网