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 相关文章推荐
Flash对联广告的关闭按钮讨论
Jan 30 Javascript
js获取浏览器的可视区域尺寸的实现代码
Nov 30 Javascript
JQuery 返回布尔值Is()条件判断方法代码
May 14 Javascript
用box固定长宽实现图片自动轮播js代码
Jun 09 Javascript
多个checkbox被选中时如何判断是否有自己想要的
Sep 22 Javascript
jQuery实现三级菜单的代码
May 09 Javascript
JS提示:Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
Aug 19 Javascript
深入理解Node.js的HTTP模块
Oct 12 Javascript
详解Vuejs2.0之异步跨域请求
Apr 20 Javascript
select获取下拉框的值 下拉框默认选中方法
Feb 28 Javascript
Jquery实现获取子元素的方法分析
Aug 24 jQuery
微信小程序实现上拉加载功能
Nov 20 Javascript
在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设计模式 Interpreter(解释器模式)
2011/06/26 PHP
mysql_connect localhost和127.0.0.1的区别(网络层阐述)
2015/03/26 PHP
基于jQuery.Validate验证库知识点的详解
2013/04/26 Javascript
js window.print实现打印特定控件或内容
2013/09/16 Javascript
一个js过滤空格的小函数
2014/10/10 Javascript
javascript实现10个球随机运动、碰撞实例详解
2015/07/08 Javascript
jquery验证邮箱格式并显示提交按钮
2015/11/07 Javascript
JavaScript拖拽、碰撞、重力及弹性运动实例分析
2016/01/08 Javascript
基于jquery实现三级下拉菜单
2016/05/10 Javascript
Ionic快速安装教程
2016/06/03 Javascript
Javascript中call,apply,bind方法的详解与总结
2016/12/12 Javascript
JS通过调用微信API实现微信支付功能的方法示例
2017/06/29 Javascript
浅谈Angular2 模块懒加载的方法
2017/10/04 Javascript
Vue进度条progressbar组件功能
2018/04/17 Javascript
通过nodejs 服务器读取HTML文件渲染到页面的方法
2018/05/17 NodeJs
JavaScript指定断点操作实例教程
2018/09/18 Javascript
如何为你的JavaScript代码日志着色详解
2019/04/08 Javascript
关于layui的动态图标不显示的解决方法
2019/09/04 Javascript
在Python中调用ggplot的三种方法
2015/04/08 Python
Python中http请求方法库汇总
2016/01/06 Python
Python使用Mechanize模块编写爬虫的要点解析
2016/03/31 Python
老生常谈Python startswith()函数与endswith函数
2017/09/08 Python
Python实现一个数组除以一个数的例子
2019/07/20 Python
python web框架 django wsgi原理解析
2019/08/20 Python
pytorch实现mnist分类的示例讲解
2020/01/10 Python
Python requests获取网页常用方法解析
2020/02/20 Python
使用python 计算百分位数实现数据分箱代码
2020/03/03 Python
TensorFlow保存TensorBoard图像操作
2020/06/23 Python
css3与html5实现响应式导航菜单(导航栏)效果分享
2014/02/12 HTML / CSS
CSS3制作3D立方体loading特效
2020/11/09 HTML / CSS
经销商会议欢迎词
2014/01/11 职场文书
房地产开盘策划方案
2014/02/10 职场文书
房屋维修协议书范本
2014/09/25 职场文书
个人查摆问题整改措施
2014/10/04 职场文书
生日赠语
2015/06/23 职场文书
英国数字版游戏销量周榜公布 《小缇娜的奇幻之地》登顶
2022/04/03 其他游戏