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 相关文章推荐
基于Asp.net与Javascript控制的日期控件
May 22 Javascript
javascript-简单的计算器实现步骤分解(附图)
May 30 Javascript
JS实现div居中示例
Apr 17 Javascript
javascript闭包传参和事件的循环绑定示例探讨
Apr 17 Javascript
JS特效实现图片自动播放并可控的效果
Jul 31 Javascript
常用的Javascript设计模式小结
Dec 09 Javascript
基于Bootstrap使用jQuery实现简单可编辑表格
May 04 Javascript
JS实现兼容各种浏览器的高级拖动方法完整实例【测试可用】
Jun 21 Javascript
Bootstrap 轮播(Carousel)插件
Dec 26 Javascript
Angular6中使用Swiper的方法示例
Jul 09 Javascript
ES6顶层对象、global对象实例分析
Jun 14 Javascript
微信小程序-可移动菜单的实现过程详解
Jun 24 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
关于拼配咖啡,你要知道
2021/03/03 咖啡文化
PHP下常用正则表达式整理
2010/10/26 PHP
PHP运行时强制显示出错信息的代码
2011/04/20 PHP
openPNE常用方法分享
2011/11/29 PHP
php输出echo、print、print_r、printf、sprintf、var_dump的区别比较
2013/06/21 PHP
php和nginx交互实例讲解
2019/09/24 PHP
PHP函数用法详解【初始化、嵌套、内置函数等】
2020/06/02 PHP
对xmlHttp对象的理解
2011/01/17 Javascript
javascript 基础篇4 window对象,DOM
2012/03/14 Javascript
js 获取(接收)地址栏参数值的方法
2013/04/01 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
2014/09/01 Javascript
JS实现的5级联动Select下拉选择框实例
2015/08/17 Javascript
javascript实现复选框全选或反选
2017/02/04 Javascript
使用JavaScriptCore实现OC和JS交互详解
2017/03/28 Javascript
React中常见的动画实现的几种方式
2018/01/10 Javascript
微信小程序表单弹窗实例
2018/07/19 Javascript
ES6中Symbol、Set和Map用法详解
2019/08/20 Javascript
微信小程序实现可拖动悬浮图标(包括按钮角标的实现)
2020/12/29 Javascript
Python中用PIL库批量给图片加上序号的教程
2015/05/06 Python
实践Python的爬虫框架Scrapy来抓取豆瓣电影TOP250
2016/01/20 Python
python 打印出所有的对象/模块的属性(实例代码)
2016/09/11 Python
python实现拓扑排序的基本教程
2018/03/11 Python
Python cookbook(数据结构与算法)将名称映射到序列元素中的方法
2018/03/22 Python
python实现数据库跨服务器迁移
2018/04/12 Python
Python访问MongoDB,并且转换成Dataframe的方法
2018/10/15 Python
Selenium alert 弹窗处理的示例代码
2020/08/06 Python
详解Python流程控制语句
2020/10/28 Python
俄罗斯街头服装品牌:Black Star Wear
2017/03/01 全球购物
美国照明、家居装饰和家具购物网站:Bellacor
2017/09/20 全球购物
美国婴儿服装购物网站:Gerber Childrenswear
2020/05/06 全球购物
青年文明号口号
2014/06/17 职场文书
大学生工作求职信
2014/06/23 职场文书
落实八项规定专题民主生活会对照检查材料
2014/09/15 职场文书
资产运营委托书范本
2014/10/16 职场文书
http通过StreamingHttpResponse完成连续的数据传输长链接方式
2022/02/12 Python
前端实现滑动按钮AJAX与后端交互的示例代码
2022/02/24 Javascript