首页 > 移动平台 > 详细

vue中使用axios处理post方法导出excel表格(后端返回文件流)

时间:2018-07-02 17:33:00      阅读:2191      评论:0      收藏:0      [点我收藏+]

使用: vue、axios

接口要求: post方法、入参为json格式、出参文件流

1.请求函数

exportExcel: function(form) {
        return axios({ // 用axios发送post请求
            method: ‘post‘,
            url: ‘/serviceTime/exportData‘, // 请求地址
            data: form, // 参数
            responseType: ‘blob‘, // 表明返回服务器返回的数据类型
            headers: {
                ‘Content-Type‘: ‘application/json‘
            }
        })
    }

2.导出函数

const params = {
    test: 111
}
exportExcel(params).then(res => { // 处理返回的文件流
    const blob = new Blob([res]);
    const fileName = ‘统计.xlsx‘;
    const elink = document.createElement(‘a‘);
    elink.download = fileName;
    elink.style.display = ‘none‘;
    elink.href = URL.createObjectURL(blob);
    document.body.appendChild(elink);
    elink.click();
    URL.revokeObjectURL(elink.href); // 释放URL 对象
    document.body.removeChild(elink);
})

记录下,方便查找

vue中使用axios处理post方法导出excel表格(后端返回文件流)

原文:https://www.cnblogs.com/zqqya/p/9254840.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!