一、后端提供http接口(/demo/procspecif/import)
@PostMapping("/import")
public String importData(MultipartFile file) {
System.out.println(file);
return "success";
}
二、前端
<el-col :span="1.5">
<el-upload
:action="importURL"
:on-success="UploadSuccess"
:headers="uploadHeader"
:show-file-list="false">
<el-button icon="el-icon-download" size="mini" type="primary">导入</el-button>
</el-upload>
</el-col>
data() {
return {
importURL: process.env.VUE_APP_BASE_API + '/demo/procspecif/import',
uploadHeader: { Authorization: "Bearer " + getToken() }
},
methods:{
UploadSuccess(res){
console.log(res)
}
}
上传地址为importURL
上传成功时调用UploadSuccess方法,可以写一些上传成功后的逻辑。
设置请求头为uploadHeader,携带token