vue实现word,pdf文件的导出功能
程序员文章站
2022-06-21 08:05:27
vue实现word或pdf文档导出的功能,我的项目是:后端返回一个文档流(下图),然后前端对文档流做处理进行下载,代码如下:
import axios from...
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文件的导出功能,希望对大家有所帮助
推荐阅读
-
vue实现word,pdf文件的导出功能
-
vue中如何实现pdf文件预览的方法
-
winform 替换word文档中的字段(包含图片添加),生成导出PDF文件(也可是word文件)
-
php用windows COM组件调用openoffice接口实现word转pdf文件时报错的解决办法
-
微信小程序实现pdf、word等格式文件上传的方法
-
PHP替换Word中变量并导出PDF图片的实现方法
-
freemarker根据模板生成word文件实现导出功能
-
借助word选择性粘贴功能实现链接向其他文件部分内容的链接
-
Laravel 5使用Laravel Excel实现Excel/CSV文件导入导出的功能详解
-
vue + element-ui实现简洁的导入导出功能