当前位置: 首页 > Web前端 > HTML

文件流导出Excel表格

时间:2023-03-27 23:33:38 HTML

之前的项目都是在不调用后台接口的情况下,将json数据导出到excel表格中。纯前端用于实现Excel近期项目的导出。需要给后台传递不同的参数值,后台才能查询到符合条件的数据,以单据流的格式返回前端,然后将前端导出到Excel。调用后端接口返回如下文件流。这时候前端需要将查询到的数据导出为ex??cel格式//exportExcelgetExcel(){consturl='yourURL';this.$http.post(url,params,{responseType:'blob'}).then(res=>{letblob=newBlob([res.data],{type:'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'})if(window.navigator.msSaveOrOpenBlob){navigator.msSaveBlob(blob);}else{letelink=document.createElement('a');elink.download="Report.xls";elink.style.display='none';elink.href=URL.createObjectURL(blob);document.body.appendChild(elink);elink.click();document.body.removeChild(elink);}}).catch(err=>{console.warn(err);});},注意:请求接口时一定要设置-->responseType:'blob'详情请参考MDN文档:https://developer.mozilla.org...