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中简单实现Javascript Promise机制的实例
Dec 06 NodeJs
nodejs中实现路由功能
Dec 29 NodeJs
nodejs中使用多线程编程的方法实例
Mar 24 NodeJs
PHP和NodeJs开发的应用如何共用Session
Apr 16 NodeJs
Nodejs进阶:基于express+multer的文件上传实例
Nov 21 NodeJs
解析NodeJs的调试方法
Dec 11 NodeJs
用nodeJS搭建本地文件服务器的几种方法小结
Mar 16 NodeJs
详解nodejs模板引擎制作
Jun 14 NodeJs
nodejs发送http请求时遇到404长时间未响应的解决方法
Dec 10 NodeJs
nodejs初始化init的示例代码
Oct 10 NodeJs
Nodejs实现用户注册功能
Apr 14 NodeJs
NodeJS实现一个聊天室功能
Nov 25 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
php学习之function的用法
2012/07/14 PHP
PHP读取xml方法介绍
2013/01/12 PHP
ThinkPHP 404页面的设置方法
2015/01/14 PHP
必须收藏的php实用代码片段
2016/02/02 PHP
什么是OneThink oneThink后台添加插件步骤
2016/04/13 PHP
Ecshop 后台添加新功能栏目及管理权限设置教程
2017/11/21 PHP
静态页面的值传递(三部曲)
2006/09/25 Javascript
javascript jQuery插件练习
2008/12/24 Javascript
javascript 隔行换色函数代码
2010/10/24 Javascript
在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
2011/06/02 Javascript
jQuery图片轮播的具体实现
2013/09/11 Javascript
js切换光标示例代码
2013/10/10 Javascript
JS基于VML技术实现的五角星礼花效果代码
2015/10/26 Javascript
APP中javascript+css3实现下拉刷新效果
2016/01/27 Javascript
AngularJS报错$apply already in progress的解决方法分析
2017/01/30 Javascript
浅谈使用mpvue开发小程序需要注意和了解的知识点
2018/05/23 Javascript
vue实现引入本地json的方法分析
2018/07/12 Javascript
Vue2 添加数据可视化支持的方法步骤
2019/01/02 Javascript
微信小程序获取当前时间及星期几的实例代码
2020/09/20 Javascript
[03:08]Ti4观战指南上
2014/07/07 DOTA
Python递归实现汉诺塔算法示例
2018/03/19 Python
python实现屏保程序(适用于背单词)
2019/07/30 Python
python3实现在二叉树中找出和为某一值的所有路径(推荐)
2019/12/26 Python
Python3 Click模块的使用方法详解
2020/02/12 Python
基于Python生成个性二维码过程详解
2020/03/05 Python
Python3 hashlib密码散列算法原理详解
2020/03/30 Python
Matplotlib.pyplot 三维绘图的实现示例
2020/07/28 Python
python 如何调用远程接口
2020/09/11 Python
pandas 按日期范围筛选数据的实现
2021/02/20 Python
解析HTML5中的新功能本地存储localStorage
2016/03/01 HTML / CSS
车间主管岗位职责
2013/11/14 职场文书
机电一体化自荐信
2013/12/10 职场文书
美术指导求职信
2014/03/17 职场文书
离职报告格式
2014/11/04 职场文书
心得体会格式及范文
2016/01/25 职场文书
Java spring定时任务详解
2021/10/05 Java/Android