2022-04-18 前端下载后端文件流
创建一个XMLHttpRequest,用a标签下载。
download(api, params) { let req = new XMLHttpRequest(); req.open("POST", api, true); req.responseType = "blob"; req.setRequestHeader("Content-Type", "application/json"); req.onload = function () { const data = req.response; const blob = new Blob([data]); const blobUrl = window.URL.createObjectURL(blob); const a = document.createElement("a"); let b = "课程名称"+moment().format(" YYYYMMDDHHmmss"); a.download = "<"+b+">.xlsx" a.href = blobUrl; a.click(); }; req.send(params); },
注:我这里用了一个日期插件moment,不需要可直接删掉,需要得话自行npm i。另外有一点需要表明,即要指明a标签下载内容的格式: a.download = xxx.格式,否则你后端传递的明明是xlsx,下载的却是一个txt文本格式的文件,且是乱码。
本文非原创,属于二次创新,出处:http://t.csdn.cn/XhRqn。