vue中使用axios处理post方法导出excel表格(后端返回文件流)
时间:2018-07-02 17:41:39
收藏:0
阅读:9320
使用: 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); })
记录下,方便查找
评论(0)