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 相关文章推荐
jQuery事件绑定与解除绑定实现方法
Apr 15 Javascript
jQuery实现复制到粘贴板功能
Feb 11 Javascript
利用jquery正则表达式在页面验证url网址输入是否正确
Apr 04 jQuery
Angular.js中定时器循环的3种方法总结
Apr 27 Javascript
canvas简单快速的实现知乎登录页背景效果
May 08 Javascript
原生JavaScript实现todolist功能
Mar 02 Javascript
基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
May 16 Javascript
vue利用v-for嵌套输出多层对象,分别输出到个表的方法
Sep 07 Javascript
使用vue开发移动端管理后台的注意事项
Mar 07 Javascript
vue.js实现左边导航切换右边内容
Oct 21 Javascript
Element-UI+Vue模式使用总结
Jan 02 Javascript
简单了解前端渐进式框架VUE
Jul 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
星际争霸 Starcraft 秘技补丁
2020/03/14 星际争霸
重料打造自己的“宝马”---第三代
2021/03/02 无线电
使用dump函数,给php加断点测试
2013/06/25 PHP
学习jquery必备 api中英文对照的chm手册 下载
2007/05/03 Javascript
28个JS验证函数收集
2010/03/02 Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(上:事件篇)
2010/03/24 Javascript
JavaScript中的object转换成number或string规则介绍
2014/12/31 Javascript
js实现类似菜单风格的TAB选项卡效果代码
2015/08/28 Javascript
Vue响应式原理深入解析及注意事项
2017/12/11 Javascript
微信小程序实现文字从右向左无限滚动
2020/11/18 Javascript
vue input实现点击按钮文字增删功能示例
2019/01/29 Javascript
Vue实现商品分类菜单数量提示功能
2019/07/26 Javascript
vue 父组件通过v-model接收子组件的值的代码
2019/10/27 Javascript
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
2021/01/05 Vue.js
[06:36]吞吞映像top1
2014/06/20 DOTA
基于python实现在excel中读取与生成随机数写入excel中
2018/01/04 Python
对Tensorflow中的变量初始化函数详解
2018/07/27 Python
Python3网络爬虫开发实战之极验滑动验证码的识别
2019/08/02 Python
pytorch 自定义数据集加载方法
2019/08/18 Python
Django shell调试models输出的SQL语句方法
2019/08/29 Python
python numpy矩阵信息说明,shape,size,dtype
2020/05/22 Python
英国网络托管和域名领导者:Web Hosting UK
2017/10/15 全球购物
加拿大奢华时装品牌:Mackage
2018/01/10 全球购物
酒店管理专业毕业生推荐信
2013/11/10 职场文书
八年级语文教学反思
2014/02/11 职场文书
幼儿园元旦亲子活动方案
2014/02/17 职场文书
信息科学与技术专业求职信范文
2014/02/20 职场文书
创先争优一句话承诺
2014/05/29 职场文书
2014财务年终工作总结
2014/12/08 职场文书
企业开业庆典答谢词
2015/01/20 职场文书
我们的节日元宵节活动总结
2015/02/06 职场文书
培训心得体会怎么写
2016/01/25 职场文书
原型和原型链 prototype和proto的区别详情
2021/11/02 Javascript
php双向队列实例讲解
2021/11/17 PHP
Vue如何清空对象
2022/03/03 Vue.js
Nginx的gzip相关介绍
2022/05/11 Servers