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(1.3.2) 7行代码搞定跟随屏幕滚动的层
May 21 Javascript
写自已的js类库需要的核心代码
Jul 16 Javascript
用Jquery.load载入页面实现局部刷新
Jan 22 Javascript
jquery获取radio值实例
Oct 16 Javascript
Jquery 实现图片轮换
Jan 28 Javascript
javascript通过元素id和name直接取得元素的方法
Apr 28 Javascript
jQuery前端开发35个小技巧
May 24 Javascript
jQuery插件DataTables分页开发心得体会
Aug 22 jQuery
聊聊JS动画库 Velocity.js的使用
Mar 13 Javascript
ES6 更易于继承的类语法的使用
Feb 11 Javascript
Node.JS获取GET,POST数据之queryString模块使用方法详解
Feb 06 Javascript
Openlayers3实现车辆轨迹回放功能
Sep 29 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
CI框架源码阅读,系统常量文件constants.php的配置
2013/02/28 PHP
PHP动态页生成静态页的3种常用方法
2014/11/13 PHP
PHP中上传多个文件的表单设计例子
2014/11/19 PHP
PHP实现对xml的增删改查操作案例分析
2017/05/19 PHP
laravel Task Scheduling(任务调度)在windows下的使用详解
2019/10/22 PHP
来自qq的javascript面试题
2010/07/24 Javascript
JS 各种网页尺寸判断实例方法
2013/04/18 Javascript
javascript类型转换示例
2014/04/29 Javascript
JavaScript跨平台的开源框架NativeScript
2015/03/24 Javascript
js仿小米官网图片轮播特效
2016/09/29 Javascript
整理关于Bootstrap导航的慕课笔记
2017/03/29 Javascript
实例详解JavaScript中setTimeout函数的执行顺序
2017/07/12 Javascript
原生JS实现网页手机音乐播放器 歌词同步播放的示例
2018/02/02 Javascript
[01:03:33]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python三级菜单的实例
2017/09/13 Python
Go/Python/Erlang编程语言对比分析及示例代码
2018/04/23 Python
Django REST framework 如何实现内置访问频率控制
2019/07/23 Python
python多线程高级锁condition简单用法示例
2019/11/07 Python
在django项目中导出数据到excel文件并实现下载的功能
2020/03/13 Python
Python函数默认参数常见问题及解决方案
2020/03/26 Python
加拿大最大的五金、家居装修和园艺产品商店:RONA
2017/01/27 全球购物
日本食品网上商店:JaponShop.com
2017/11/28 全球购物
欧舒丹美国官网:L’Occitane美国
2018/02/23 全球购物
澳大利亚珠宝商:Shiels
2019/10/06 全球购物
UNIX操作系统结构由哪几部分组成
2016/02/17 面试题
银行实习自我鉴定
2013/10/12 职场文书
工作失误检讨书范文大全
2014/01/13 职场文书
职务聘任书范文
2014/03/29 职场文书
小学趣味运动会加油稿
2014/09/25 职场文书
2015年父亲节活动总结
2015/02/12 职场文书
2015年物资管理工作总结
2015/05/20 职场文书
Django 实现jwt认证的示例
2021/04/30 Python
MySQL中的布尔值,怎么存储false或true
2021/06/04 MySQL
python编程简单几行代码实现视频转换Gif示例
2021/10/05 Python
Win11黑色桌面背景怎么办?Win11黑色壁纸解决方法汇总
2022/04/05 数码科技
CSS控制继承中的height能变为可继承吗
2022/06/10 HTML / CSS