下载本地文件作为上传模板:
前端:
<a :href="path" download="导入模板.csv" > 批量导入模板 </a>
在data里配置path
path: `${process.env.BASE_URL}template/test.csv`,
文件在public下的template里
上传csv到后台
anted vue前端代码
<a-upload
name="file"
:multiple="true"
:headers="headers"
@change="handleChangeUpload"
:custom-request="uploadFunc"
>
<a-button type="primary">
<a-icon type="upload" /> 上传
</a-button>
</a-upload>
后台调用在custom-request里:
uploadFunc(file) {
console.log("uploadFunc", file);
let formData = new window.FormData();
formData.append("file", file.file);
request(IMPORT_NE, METHOD.POST, formData).then((res) => {
// file.onSuccess(res, file.file)
if (res.data.code == 0) {
file.onSuccess(res, file.file);//这里可以使loadding变为成功
this.$message.success("导入成功");
} else if (res.data.message.indexOf("Token过期") >= 0) {
this.$message.error("登录失效,请重新登录");
} else {
this.$message.error("上传失败," + res.data.message);
}
});
},