问答

使用vue做一个导出word功能?

作者:admin 2021-04-22 我要评论

前端怎么实现某个div导出word? 本来已经实现了导出pdf,后来客户说最好是导出word,麻烦大佬帮忙寻找下最佳方法了 ### https://blog.csdn.net/no_vy/a... 可以...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

前端怎么实现某个div导出word?
本来已经实现了导出pdf,后来客户说最好是导出word,麻烦大佬帮忙寻找下最佳方法了

###

https://blog.csdn.net/no_vy/a...

可以参考上述链接~我自己项目也是这样子做的。

###

导出excel做的多,导出word做的少,但道理应该是一样的。
设置params等于后台传过来的文字数据formdata

axios({
                method: 'post',
                url: url,
                data:formdata,
                responseType:'blob',//这里如果不设置,下载会打不开文件
            })
            .then(res=>{
                console.log('download res',res);
                //通过后台返回 的word文件流设置文件名并下载
                var blob = new Blob([res.data], { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=utf-8'}); //application/vnd.openxmlformats-officedocument.wordprocessingml.document这里表示doc类型
                var downloadElement = document.createElement('a');
                var href = window.URL.createObjectURL(blob); //创建下载的链接
                downloadElement.href = href;
                downloadElement.download ='s.doc'; //下载后文件名
                document.body.appendChild(downloadElement);
                downloadElement.click(); //点击下载
                document.body.removeChild(downloadElement); //下载完成移除元素
                window.URL.revokeObjectURL(href); //释放掉blob对象
            })
###

https://github.com/dolanmiu/docx

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 求助!Mysql workbench connections出

    求助!Mysql workbench connections出

  • c++ 的dll 转golang可以调用

    c++ 的dll 转golang可以调用

  • c++的 new int{10}  和 new int(10) 有

    c++的 new int{10} 和 new int(10) 有

  • Grafana MySQL为数据源时, 折线图无法

    Grafana MySQL为数据源时, 折线图无法

腾讯云代理商
海外云服务器