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 keypress,keyup,onpropertychange键盘事件
Jun 25 Javascript
Safari5中alert的无限循环BUG
Apr 07 Javascript
JS关键字变色实现思路及代码
Feb 21 Javascript
js修改onclick动作的四种方法(推荐)
Aug 18 Javascript
JS触摸屏网页版仿app弹窗型滚动列表选择器/日期选择器
Oct 30 Javascript
jQuery为DOM动态追加事件的方法
Feb 16 Javascript
深入解析js轮播插件核心代码的实现过程
Apr 14 Javascript
AngularJS实现的select二级联动下拉菜单功能示例
Oct 25 Javascript
基于Vue开发数字输入框组件
Dec 19 Javascript
JS实现可视化文件上传
Sep 08 Javascript
node 标准输入流和输出流代码实例
Sep 19 Javascript
如何用JS实现网页瀑布流布局
Apr 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
Zend Studio去除编辑器的语法警告设置方法
2012/10/24 PHP
深入理解用mysql_fetch_row()以数组的形式返回查询结果
2013/06/05 PHP
php使用递归计算文件夹大小
2014/12/24 PHP
用js实现手把手教你月入万刀(转贴)
2007/11/07 Javascript
document.createElement()用法及注意事项(ff下不兼容)
2013/03/13 Javascript
jquery获取一组checkbox的值(实例代码)
2013/11/04 Javascript
jquery根据属性和index来查找属性值并操作
2014/07/25 Javascript
javascript设计模式之中介者模式Mediator
2014/12/30 Javascript
Nodejs初级阶段之express
2015/11/23 NodeJs
JQuery中attr属性和jQuery.data()学习笔记【必看】
2016/05/18 Javascript
浅谈js中子页面父页面方法 变量相互调用
2016/08/04 Javascript
最常见的左侧分类菜单栏jQuery实现代码
2016/11/28 Javascript
浅谈javascript中的数据类型转换
2016/12/27 Javascript
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
2017/07/12 jQuery
js使用xml数据载体实现城市省份二级联动效果
2017/11/08 Javascript
浅谈node.js 命令行工具(cli)
2018/05/10 Javascript
vue解决使用$http获取数据时报错的问题
2019/10/30 Javascript
Vue组件模板及组件互相引用代码实例
2020/03/11 Javascript
Element Input输入框的使用方法
2020/07/26 Javascript
Python编程之列表操作实例详解【创建、使用、更新、删除】
2017/07/22 Python
Numpy中的mask的使用
2018/07/21 Python
使用python将图片格式转换为ico格式的示例
2018/10/22 Python
Pycharm最常用的快捷键及使用技巧
2020/03/05 Python
xadmin使用formfield_for_dbfield函数过滤下拉表单实例
2020/04/07 Python
Python基于pip实现离线打包过程详解
2020/05/15 Python
Pytorch实验常用代码段汇总
2020/11/19 Python
英国家电直销:Appliances Direct
2016/09/22 全球购物
北美大型运动类产品商城:Champs Sports
2017/01/12 全球购物
Hotter Shoes美国官网:英国最受欢迎的舒适鞋
2018/08/02 全球购物
Baby Tulai澳大利亚:美国婴儿背带品牌
2018/10/15 全球购物
迪奥官网:Dior.com
2018/12/04 全球购物
交通事故协议书
2014/04/15 职场文书
文明演讲稿范文
2014/05/12 职场文书
爱心捐款倡议书范文
2014/05/12 职场文书
五水共治一句话承诺
2014/05/30 职场文书
学生考试舞弊检讨书
2015/01/01 职场文书