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 相关文章推荐
javascript的内存管理详解
Aug 07 Javascript
javascript四舍五入函数代码分享(保留后几位)
Dec 10 Javascript
file控件选择上传文件确定后触发的js事件是哪个
Mar 17 Javascript
jQuery实现dialog设置focus焦点的方法
Jun 10 Javascript
详解javascript实现瀑布流绝对式布局
Jan 29 Javascript
快速解决brew安装特定版本flow的问题
May 17 Javascript
浅谈HTTP 缓存的那些事儿
Oct 17 Javascript
详解单页面路由工程使用微信分享及二次分享解决方案
Feb 22 Javascript
简谈创建React Component的几种方式
Jun 15 Javascript
JQuery发送ajax请求时中文乱码问题解决
Nov 14 jQuery
JS实现点星星消除小游戏
Mar 24 Javascript
vue-preview动态获取图片宽高并增加旋转功能的实现
Jul 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
用文本作数据处理
2006/10/09 PHP
PHP 飞信好友免费短信API接口开源版
2010/07/22 PHP
paypal即时到账php实现代码
2010/11/28 PHP
PHP实现将浏览历史页面网址保存到cookie的方法
2015/01/26 PHP
Symfony学习十分钟入门经典教程
2016/02/03 PHP
thinkPHP实现将excel导入到数据库中的方法
2016/04/22 PHP
php-fpm.conf配置文件中文说明详解及重要参数说明
2018/10/10 PHP
Javacript实现颜色梯度变化和渐变的效果代码
2013/05/31 Javascript
基于jquery实现日历签到功能
2020/09/11 Javascript
jQuery模仿阿里云购买服务器选择购买时间长度的代码
2016/04/29 Javascript
JavaScript中无法通过div.style.left获取值的解决方法
2017/02/19 Javascript
解决vue页面DOM操作不生效的问题
2018/03/17 Javascript
深入Vue-Router路由嵌套理解
2018/08/13 Javascript
Nodejs中获取当前函数被调用的行数及文件名详解
2018/12/12 NodeJs
Nuxt使用Vuex的方法示例
2019/09/06 Javascript
javascript实现简单打字游戏
2019/10/29 Javascript
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
2020/04/21 Javascript
JavaScript通如何过RGraph实现动态仪表盘
2020/10/15 Javascript
解决vue打包 npm run build-test突然不动了的问题
2020/11/13 Javascript
Python远程桌面协议RDPY安装使用介绍
2015/04/15 Python
Go语言基于Socket编写服务器端与客户端通信的实例
2016/02/19 Python
使用Python内置的模块与函数进行不同进制的数的转换
2016/03/12 Python
Python及Django框架生成二维码的方法分析
2018/01/31 Python
在PyCharm中批量查找及替换的方法
2019/01/20 Python
浅析使用Python搭建http服务器
2019/10/27 Python
在tensorflow中实现去除不足一个batch的数据
2020/01/20 Python
推荐技术人员一款Python开源库(造数据神器)
2020/07/08 Python
Python2与Python3关于字符串编码处理的差别总结
2020/09/07 Python
做一个能自适应高度的textarea的示例代码
2019/09/06 HTML / CSS
莫斯科隐形眼镜网上商店:Linzi
2019/07/22 全球购物
晚归检讨书
2014/02/19 职场文书
幼儿园大班区域活动总结
2014/07/09 职场文书
酒店财务总监岗位职责
2015/04/03 职场文书
医院合作意向书范本
2015/05/08 职场文书
2015年教务处干事工作总结
2015/07/22 职场文书
SQL Server表分区降低运维和维护成本
2022/04/08 SQL Server