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 相关文章推荐
网站导致浏览器崩溃的原因总结(多款浏览器) 推荐
Apr 15 Javascript
JavaScript转换二进制编码为ASCII码的方法
Apr 16 Javascript
Angular.js回顾ng-app和ng-model使用技巧
Apr 26 Javascript
jQuery简单实现列表隐藏和显示效果示例
Sep 12 Javascript
浅谈javascript的闭包
Jan 23 Javascript
利用纯JS实现像素逐渐显示的方法示例
Aug 14 Javascript
vue select二级联动第二级默认选中第一个option值的实例
Jan 10 Javascript
微信小程序实现图片压缩功能
Jan 26 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
Oct 12 Javascript
如何自动化部署项目?折腾服务器之旅~
Apr 16 Javascript
Vue3 实现双盒子定位Overlay的示例
Dec 22 Vue.js
vue实现禁止浏览器记住密码功能的示例代码
Feb 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
ubuntu下编译安装xcache for php5.3 的具体操作步骤
2013/06/18 PHP
PHP中怎样保持SESSION不过期 原理及方案介绍
2013/08/08 PHP
php通过记录IP来防止表单重复提交方法分析
2014/12/16 PHP
如何解决PHP无法实现多线程的问题
2015/09/25 PHP
laravel实现前后台路由分离的方法
2019/10/13 PHP
Javascript打印网页部分内容的脚本
2008/11/17 Javascript
javascript之通用简单的table选项卡实现(二)
2010/05/09 Javascript
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
2011/10/12 Javascript
一个背景云变换js特效 鼠标移动背景云变化
2012/12/28 Javascript
JavaScript中的连字符详解
2013/11/28 Javascript
通过遮罩层实现浮层DIV登录的js代码
2014/02/07 Javascript
4种JavaScript实现简单tab选项卡切换的方法
2016/01/06 Javascript
javascript解决小数的加减乘除精度丢失的方案
2016/05/31 Javascript
关于前后端json数据的发送与接收详解
2017/07/30 Javascript
VueJs组件之父子通讯的方式
2018/05/06 Javascript
vue中的mvvm模式讲解
2019/01/31 Javascript
原生JS无缝滑动轮播图
2019/10/22 Javascript
基于vue hash模式微信分享#号的解决
2020/09/07 Javascript
基于vue+echarts数据可视化大屏展示的实现
2020/12/25 Vue.js
Python这样操作能存储100多万行的xlsx文件
2019/04/16 Python
python中Lambda表达式详解
2019/11/20 Python
python用WxPython库实现无边框窗体和透明窗体实现方法详解
2020/02/21 Python
python numpy实现多次循环读取文件 等间隔过滤数据示例
2020/03/14 Python
OpenCV+python实现实时目标检测功能
2020/06/24 Python
详解python tcp编程
2020/08/24 Python
python如何对链表操作
2020/10/10 Python
pymongo insert_many 批量插入的实例
2020/12/05 Python
linux面试题参考答案(9)
2015/01/07 面试题
大家检讨书5000字
2014/02/03 职场文书
写给老婆的检讨书
2014/02/21 职场文书
党支部换届选举方案
2014/05/08 职场文书
抵押贷款承诺书
2014/05/30 职场文书
中学生社会实践活动总结
2014/07/03 职场文书
中学生运动会广播稿
2015/08/19 职场文书
广告策划的实习心得体会总结!
2019/07/22 职场文书
position:sticky 粘性定位的几种巧妙应用详解
2021/04/24 HTML / CSS