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 整合kindEditor实现图片上传
Feb 03 NodeJs
nodejs中的fiber(纤程)库详解
Mar 24 NodeJs
你一定会收藏的Nodejs代码片段
Feb 04 NodeJs
NodeJS基础API搭建服务器详细过程记录
Apr 01 NodeJs
详解nodeJS之路径PATH模块
May 31 NodeJs
详解NODEJS的http实现
Jan 04 NodeJs
nodejs 生成和导出 word的实例代码
Jul 31 NodeJs
用Electron写个带界面的nodejs爬虫的实现方法
Jan 29 NodeJs
nodejs实现获取本地文件夹下图片信息功能示例
Jun 22 NodeJs
nodeJS与MySQL实现分页数据以及倒序数据
Jun 05 NodeJs
nodejs+koa2 实现模仿springMVC框架
Oct 21 NodeJs
使用 Koa + TS + ESLlint 搭建node服务器的过程详解
May 30 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
一个ubbcode的函数,速度很快.
2006/10/09 PHP
CodeIgniter框架URL路由总结
2014/09/03 PHP
php中file_exists函数使用详解
2015/05/08 PHP
PHP简单操作MongoDB的方法(安装及增删改查)
2016/05/26 PHP
JavaScript 解析Json字符串的性能比较分析代码
2009/12/16 Javascript
学习面向对象之面向对象的基本概念:对象和其他基本要素
2010/11/30 Javascript
js实现连续英文字符自动换行兼容ie6 ie7和firefox
2013/09/06 Javascript
js中一个函数获取另一个函数返回值问题探讨
2013/11/21 Javascript
nw.js实现类似微信的聊天软件
2015/03/16 Javascript
js动态修改表格行colspan列跨度的方法
2015/03/30 Javascript
jQuery插件pagination实现无刷新分页
2016/05/21 Javascript
JS 面向对象之继承---多种组合继承详解
2016/07/10 Javascript
jQuery插件FusionCharts实现的Marimekko图效果示例【附demo源码】
2017/03/24 jQuery
NodeJs实现简单的爬虫功能案例分析
2018/12/05 NodeJs
JavaScript实现PC端四格密码输入框功能
2020/02/19 Javascript
vue+elementui实现点击table中的单元格触发事件--弹框
2020/07/18 Javascript
Vue登录拦截 登录后继续跳转指定页面的操作
2020/08/04 Javascript
让python json encode datetime类型
2010/12/28 Python
Python中除法使用的注意事项
2014/08/21 Python
python通过线程实现定时器timer的方法
2015/03/16 Python
python开发之thread线程基础实例入门
2015/11/11 Python
python 默认参数问题的陷阱
2016/02/29 Python
python各种语言间时间的转化实现代码
2016/03/23 Python
Python实现快速计算词频功能示例
2018/06/25 Python
Python使用itchat 功能分析微信好友性别和位置
2019/08/05 Python
如何安装2019Pycharm最新版本(详细教程)
2019/09/26 Python
Python笔记之facade模式
2019/11/20 Python
Python hmac模块使用实例解析
2019/12/24 Python
基于MSELoss()与CrossEntropyLoss()的区别详解
2020/01/02 Python
python生成大写32位uuid代码
2020/03/03 Python
mui几种页面跳转方式对比总结概括
2017/08/18 HTML / CSS
台湾前三大B2C购物网站:MOMO购物网
2017/04/27 全球购物
2014年后勤管理工作总结
2014/12/01 职场文书
个人工作年终总结
2015/03/09 职场文书
2015年检验科工作总结
2015/04/27 职场文书
导游词之云南省玉龙雪山
2019/12/19 职场文书