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


Posted in Javascript onJuly 31, 2018

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

import axios from 'axios';
    axios.get(`url`, { //url: 接口地址
responseType: `arraybuffer` //一定要写
})
.then(res => {
if(res.status == 200){
let blob = new Blob([res.data], {
type: `application/msword` //word文档为msword,pdf文档为pdf
});
let objectUrl = URL.createObjectURL(blob);
let link = document.createElement("a");
let fname = `我的文档`; //下载文件的名字
link.href = objectUrl;
link.setAttribute("download", fname);
document.body.appendChild(link);
link.click();
}else {
this.$message({
type: "error",
message: "导出失败"
})
}
});

后端返回的文档流的格式:

PDF格式:

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

word格式:

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

总结

以上所述是小编给大家介绍的vue实现word,pdf文件的导出功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript支持的最大递归调用次数分析
Jun 24 Javascript
jQuery使用toggleClass方法动态添加删除Class样式的方法
Mar 26 Javascript
JavaScript 面向对象与原型
Apr 10 Javascript
在AngularJS中如何使用谷歌地图把当前位置显示出来
Jan 25 Javascript
快速掌握Node.js事件驱动模型
Mar 21 Javascript
详解JS中定时器setInterval和setTImeout的this指向问题
Jan 06 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
Feb 19 Javascript
JavaScript基于activexobject连接远程数据库SQL Server 2014的方法
Jul 12 Javascript
vue中js判断长时间不操作界面自动退出登录(推荐)
Jan 22 Javascript
JavaScript鼠标拖拽事件详解
Apr 03 Javascript
javascript实现前端分页效果
Jun 24 Javascript
vue表单验证之禁止input输入框输入空格
Dec 03 Vue.js
在create-react-app中使用css modules的示例代码
Jul 31 #Javascript
详解使用create-react-app添加css modules、sasss和antd
Jul 31 #Javascript
jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】
Jul 31 #jQuery
Vue导出页面为PDF格式的实现思路
Jul 31 #Javascript
详解微信小程序实现WebSocket心跳重连
Jul 31 #Javascript
前端axios下载excel文件(二进制)的处理方法
Jul 31 #Javascript
JS构造一个html文本内容成文件流形式发送到后台
Jul 31 #Javascript
You might like
PHP中HTTP方式下的Gzip压缩传输方法举偶
2007/02/15 PHP
php使用google地图应用实例
2014/12/31 PHP
精解window.setTimeout()&window.setInterval()使用方式与参数传递问题!
2007/11/23 Javascript
jquery next nextAll nextUntil siblings的区别介绍
2013/10/05 Javascript
jquery ajax,ashx,json的用法总结
2014/02/12 Javascript
jQuery中:disabled选择器用法实例
2015/01/04 Javascript
jquery制作 随机弹跳的小球特效
2015/02/01 Javascript
JQuery自适应窗口大小导航菜单附源码下载
2015/09/01 Javascript
分析js闭包引起的事件注册问题
2016/03/29 Javascript
Jquery on方法绑定事件后执行多次的解决方法
2016/06/02 Javascript
jQuery插件dataTables添加序号列的方法
2016/07/06 Javascript
jQuery密码强度验证控件使用详解
2017/01/05 Javascript
兼容浏览器的js事件绑定函数(详解)
2017/05/09 Javascript
深究AngularJS如何获取input的焦点(自定义指令)
2017/06/12 Javascript
vue 2.0项目中如何引入element-ui详解
2017/09/06 Javascript
vue-cli下的vuex的简单Demo图解(实现加1减1操作)
2018/02/26 Javascript
Vue使用json-server进行后端数据模拟功能
2018/04/17 Javascript
vue-cli监听组件加载完成的方法
2018/09/07 Javascript
vue-router重写push方法,解决相同路径跳转报错问题
2020/08/07 Javascript
[01:22:19]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第二场 6.2
2018/06/03 DOTA
[34:39]Secret vs VG 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
Python实现的简单排列组合算法示例
2018/07/04 Python
Python使用numpy产生正态分布随机数的向量或矩阵操作示例
2018/08/22 Python
python实现简单银行管理系统
2019/10/25 Python
python实现回旋矩阵方式(旋转矩阵)
2019/12/04 Python
爬虫代理池Python3WebSpider源代码测试过程解析
2019/12/20 Python
使用python的pyplot绘制函数实例
2020/02/13 Python
Django单元测试中Fixtures用法详解
2020/02/25 Python
css3 旋转按钮 使用CSS3创建一个旋转可变色按钮
2012/12/31 HTML / CSS
有abstract方法的类一定要用abstract修饰吗
2016/03/14 面试题
yy婚礼主持词
2014/03/14 职场文书
公司门卫岗位职责
2014/03/15 职场文书
高中学生自我评价范文
2014/09/23 职场文书
公安民警正风肃纪剖析材料
2014/10/10 职场文书
工商局个人工作总结
2015/03/03 职场文书
解决Springboot PostMapping无法获取数据的问题
2022/05/06 Java/Android