nodejs(officegen)+vue(axios)在客户端导出word文档的方法


Posted in NodeJs onJuly 31, 2018

前言

我的项目中有一个需求:点击按钮生成可编辑的word文档订单详情的信息

我使用的前端框架是Vue.js、后台使用的是node.js

node.js生成和导出word文档我参考的是下面这两篇文章,写的挺好的(github上的那篇里面还有node.js生成word、excel、ppt的example,需要详细的可以看里面)

解决方法:利用了blob对象,Blob对象可以看做是存放二进制数据的容器,它是一个二进制大对象,是一个可以存储二进制文件的容器。

methods:{
  handleClick(row){
  console.log(row);
  var orderId = row.orderId + row.oid.toString();
  console.log(orderId);
  this.$ajax({
  method:"get",
  url:"http://localhost:8081/order/getDoc",
  responseType:'blob'
  }).then((res)=>{
  //这里res.data是返回的blob对象
  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 = orderId+'.docx'; //下载后文件名
  document.body.appendChild(downloadElement);
  downloadElement.click(); //点击下载
  document.body.removeChild(downloadElement); //下载完成移除元素
  window.URL.revokeObjectURL(href); //释放掉blob对象
  })
  }
 }

nodejs(officegen)+vue(axios)在客户端导出word文档的方法

总结

以上所述是小编给大家介绍的nodejs(officegen)+vue(axios)在客户端导出word文档的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

NodeJs 相关文章推荐
基于NodeJS的前后端分离的思考与实践(四)安全问题解决方案
Sep 26 NodeJs
NodeJs模拟登陆正方教务
Apr 28 NodeJs
详解Nodejs之npm&package.json
Jun 15 NodeJs
Mac下通过brew安装指定版本的nodejs教程
May 17 NodeJs
nodejs 使用nodejs-websocket模块实现点对点实时通讯
Nov 28 NodeJs
nodejs同步调用获取mysql数据时遇到的大坑
Mar 02 NodeJs
NodeJs入门教程之定时器和队列
Mar 08 NodeJs
nodejs微信开发之自动回复的实现
Mar 17 NodeJs
nodejs实现获取本地文件夹下图片信息功能示例
Jun 22 NodeJs
Nodejs中使用puppeteer控制浏览器中视频播放功能
Aug 26 NodeJs
nodejs实现UDP组播示例方法
Nov 04 NodeJs
Nodejs 微信小程序消息推送的实现
Jan 20 NodeJs
nodejs 十六进制字符串型数据与btye型数据相互转换
Jul 30 #NodeJs
NodeJS 中Stream 的基本使用
Jul 30 #NodeJs
Nodejs实现爬虫抓取数据实例解析
Jul 05 #NodeJs
nodejs的路径问题的解决
Jun 30 #NodeJs
nodejs用gulp管理前端文件方法
Jun 24 #NodeJs
Nodejs异步回调之异常处理实例分析
Jun 22 #NodeJs
nodejs实现套接字服务功能详解
Jun 21 #NodeJs
You might like
详解thinkphp5+swoole实现异步邮件群发(SMTP方式)
2017/10/13 PHP
用正则表达式 动态创建/增加css style script 兼容IE firefox
2009/03/10 Javascript
Javascript进制转换实例分析
2015/05/14 Javascript
JavaScript过滤字符串中的中文与空格方法汇总
2016/03/07 Javascript
详解XMLHttpRequest(一)同步请求和异步请求
2016/09/14 Javascript
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
2017/01/19 Javascript
详解如何在Angular中快速定位DOM元素
2017/05/17 Javascript
React入门教程之Hello World以及环境搭建详解
2017/07/11 Javascript
关于vue面试题汇总
2018/03/20 Javascript
详解jQuery中的getAll()和cleanData()
2019/04/15 jQuery
如何写好一个vue组件,老夫的一年经验全在这了(推荐)
2019/05/18 Javascript
nodejs如何在package.json中设置多条启动命令
2020/03/16 NodeJs
vue2.0实现列表数据增加和删除
2020/06/17 Javascript
使用eslint和githooks统一前端风格的技巧
2020/07/29 Javascript
easy_install python包安装管理工具介绍
2013/02/10 Python
给Python IDLE加上自动补全和历史功能
2014/11/30 Python
Python处理json字符串转化为字典的简单实现
2016/07/07 Python
python实现多线程抓取知乎用户
2016/12/12 Python
Python在图片中添加文字的两种方法
2017/04/29 Python
Python贪心算法实例小结
2018/04/22 Python
解决python 3 urllib 没有 urlencode 属性的问题
2019/08/22 Python
python 将视频 通过视频帧转换成时间实例
2020/04/23 Python
浅谈Python中的字符串
2020/06/10 Python
北美个性化礼品商店:Things Remembered
2018/06/12 全球购物
体验完美剃须:The Art of Shaving
2018/08/06 全球购物
美国豪华的多品牌精品店:The Webster
2019/07/31 全球购物
线程问题:wait()方法是定义在哪个类里面
2015/07/07 面试题
中专生学习生活的自我评价分享
2013/10/27 职场文书
土木工程专业个人求职信
2013/12/05 职场文书
演讲稿怎么写
2014/01/07 职场文书
《影子》教学反思
2014/02/21 职场文书
优秀中职教师事迹材料
2014/08/26 职场文书
民族团结演讲稿范文
2014/08/27 职场文书
2014年预备党员群众路线教育实践活动对照检查材料思想汇报
2014/10/02 职场文书
教育实习指导教师评语
2014/12/31 职场文书
Django利用AJAX技术实现博文实时搜索
2021/05/06 Python