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 相关文章推荐
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
Jul 31 Javascript
跨浏览器通用、可重用的选项卡tab切换js代码
Sep 20 Javascript
Jquery中val()表单取值赋值的实例代码
Aug 15 Javascript
js判断是否为ie的方法小结
Jan 13 Javascript
JavaScript中string转换成number介绍
Dec 31 Javascript
JavaScript中数据结构与算法(一):栈
Jun 19 Javascript
JavaScript实现将文本框的值插入指定位置的方法
Aug 13 Javascript
文件上传,iframe跨域数据提交的实现
Nov 18 Javascript
jQuery、layer实现弹出层的打开、关闭功能
Jun 28 jQuery
vue组件传递对象中实现单向绑定的示例
Feb 28 Javascript
Vue进度条progressbar组件功能
Apr 17 Javascript
js技巧之十几行的代码实现vue.watch代码
Jun 09 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 网页过期时间的控制代码
2009/06/29 PHP
PHP goto语句简介和使用实例
2014/03/11 PHP
PHP数组遍历知识汇总(包含遍历方法、数组指针操作函数、数组遍历测速)
2014/07/05 PHP
PHP foreach遍历多维数组实现方式
2016/11/16 PHP
PHPMailer发送邮件
2016/12/28 PHP
一个刚完成的layout(拖动流畅,不受iframe影响)
2007/08/17 Javascript
JavaScript字符串对象substring方法入门实例(用于截取字符串)
2014/10/17 Javascript
js实现九宫格图片半透明渐显特效的方法
2015/02/16 Javascript
javascript带回调函数的异步脚本载入方法实例分析
2015/07/02 Javascript
非常棒的jQuery图片轮播效果
2016/04/17 Javascript
十大热门的JavaScript框架和库
2017/03/21 Javascript
在ABP框架中使用BootstrapTable组件的方法
2017/07/31 Javascript
JavaScript获取用户所在城市及地理位置
2018/04/21 Javascript
vue ssr 指南详读
2018/06/29 Javascript
react-native动态切换tab组件的方法
2018/07/07 Javascript
JS基于Location实现访问Url、重定向及刷新页面的方法分析
2018/12/03 Javascript
原来JS还可以这样拆箱转换详解
2019/02/01 Javascript
VuePress 快速踩坑小结
2019/02/14 Javascript
微信小程序实现多个按钮的颜色状态转换
2019/02/15 Javascript
基于ajax及jQuery实现局部刷新过程解析
2020/09/12 jQuery
详解Vite的新体验
2021/02/22 Javascript
用python实现的可以拷贝或剪切一个文件列表中的所有文件
2009/04/30 Python
跟老齐学Python之赋值,简单也不简单
2014/09/24 Python
对Python3.6 IDLE常用快捷键介绍
2018/07/16 Python
Tensorflow实现酸奶销量预测分析
2019/07/19 Python
巧克力领导品牌瑞士莲美国官网:Lindt Chocolate美国
2016/08/25 全球购物
机械电子工程专业推荐信范文
2013/11/20 职场文书
汽车专业大学生职业生涯规划范文
2014/01/07 职场文书
小学教师自我鉴定范文
2014/03/20 职场文书
幼儿园大班毕业教师寄语
2014/04/03 职场文书
《山谷中的谜底》教学反思
2014/04/26 职场文书
广告公司文案策划岗位职责
2015/04/14 职场文书
心理健康教育培训研修感言
2015/11/18 职场文书
2016年党员创先争优公开承诺书
2016/03/25 职场文书
导游词之珠海轮廓
2019/10/25 职场文书
java实现对Hadoop的操作
2021/07/01 Java/Android