手机版

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

时间:2021-08-30 来源:互联网 编辑:宝哥软件园 浏览:

Vue实现了导出word或pdf文档的功能。我的项目是:后端返回一个文档流(下图),然后前端处理文档流并下载。代码如下:

从“axios”导入axios;Axios.get(`url `,{//url:接口地址response type : ` arraybuffer `//必须写入})。然后(RES={ if(RES . status==200){ let blob=new blob([RES . data],{ type : ` application/msword `//word文档是msword,pdf文档是pdf });let object URL=URL . createobject URL(blob);let link=document . create element(' a ');让fname=`我的文档';//下载文件的名称link.href=objectUrllink.setAttribute('download ',fname);document.body.appendChild(链接);link . click();} else {this。$ message ({type:“错误”,message:“导出失败”)});后端返回的文档流格式:

PDF格式:

Word格式:

摘要

上面提到的是边肖介绍给大家的vue实现了word和pdf文件的导出功能,希望对大家有所帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!

版权声明:vue实现word和pdf文件的导出功能是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。