最后
你要问前端开发难不难,我就得说计算机领域里常说的一句话,这句话就是『难的不会,会的不难』,对于不熟悉某领域技术的人来说,因为不了解所以产生神秘感,神秘感就会让人感觉很难,也就是『难的不会』;当学会这项技术之后,知道什么什么技术能做到什么做不到,只是做起来花多少时间的问题而已,没啥难的,所以就是『会的不难』。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
我特地针对初学者整理一套前端学习资料
axios以post形式发送请求, 获取zip文件流下载到本地
downloadFile() {
var reqData = qs.stringify({ // form-data格式的数据
fileIds: "98g8349g-2343jkng8s98fga-324rkjgq"
});
axios
.post("/api/download/zip1", reqData, { // url中/api是前端解决跨域问题的
headers: { // 这里需要使用form-data格式数据发送请求
"Content-Type": "application/x-www-form-urlencoded"
},
responseType: "blob" // 下载zip文件需要使用的响应格式,这是区别于普通post请求的地方,重点!!!
})
.then(response => {
var zipName = "Bulk\_Download"; // 下载的文件名
let blob = new Blob([response.data], { type: "application/zip" }); // 下载格式为zip
if ("download" in document.createElement("a")) {
非IE下载
let elink = document.createElement("a"); // 创建一个<a>标签
elink.style.display = "none"; // 隐藏标签
elink.href = window.URL.createObjectURL(blob); // 配置href
elink.download = zipName;
elink.click();
URL.revokeObjectURL(elink.href); // 释放URL 对象
document.body.removeChild(elink); // 移除<a>标签
} else {
//IE10+
navigator.msSaveBlob(blob, zipName);
}
})
.catch(error => {
console.log("download error (batch)");
console.log(error);
});
}
最后
你要问前端开发难不难,我就得说计算机领域里常说的一句话,这句话就是『难的不会,会的不难』,对于不熟悉某领域技术的人来说,因为不了解所以产生神秘感,神秘感就会让人感觉很难,也就是『难的不会』;当学会这项技术之后,知道什么什么技术能做到什么做不到,只是做起来花多少时间的问题而已,没啥难的,所以就是『会的不难』。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
我特地针对初学者整理一套前端学习资料
mg-9AusSP1B-1714916079574)]
[外链图片转存中…(img-RMvRuaps-1714916079574)]