axios 提交表单同时下载文件
程序员文章站
2022-03-15 10:28:51
axios 提交表单同时下载文件vue + elementUI + axios 提交表单下载文件 // 下载文件 download(url, requestData) { this.$axios({ method: 'post', url: url, data: this.$qs.stringify(requestDat...
axios 提交表单同时下载文件
- vue + elementUI + axios 提交表单下载文件
// 下载文件
download(url, requestData) {
this.$axios({
method: 'post',
url: url,
data: this.$qs.stringify(requestData),
responseType: 'blob'
}).then(response => {
var data = response.data;
if (!data) {
return
}
var content_disposition = response.headers['content-disposition'];
var filename = "file";
if (content_disposition.indexOf("filename") > -1) {
filename = content_disposition.split("=")[1].trim();
filename= decodeURI(escape(filename))
}
let url = window.URL.createObjectURL(new Blob([data]))
let link = document.createElement('a')
link.style.display = 'none'
link.href = url
link.setAttribute('download', filename)
document.body.appendChild(link)
link.click()
}).catch((error) => {
this.$message.error(error.message);
});
}
本文地址:https://blog.csdn.net/shuangmu9768/article/details/108846269
上一篇: 记录坐标对应关系