这里来说一下用upload提交文件的两种方式:
第一种体提交方式,直接在action属性中写出后台地址即可,但是这种方式无法获取后台响应结果。当然,如果想了解upload标签的更多属性,可到Element官方文档
要想提交后获取后台的相应结果,应该用第二种方式:
<el-upload class="upload-demo" action="string" :http-request="uploadFile" :limit="1" :show-file-list="false">
<el-button size="small" type="primary">上传头像</el-button>
</el-upload>
submit: function (param) {
const formData = new FormData();
formData.append("file", param.file);
this.axios
.post("http://localhost:8082/file/upload", formData, {
"Content-type": "multipart/form-data",
})
.then((Response) => {
console.log(this.response.data);
});
},