ant design 上传自定义方法 axios
1,ant design的上传方法自己的action常常不好用,因此自定义自己方法来上传html<a-upload-dragger:customRequest="customRequest":fileList="fileList":multiple="true"/>js//重写上传方...
·
1,ant design的上传方法自己的action常常不好用,因此自定义自己方法来上传
html
<a-upload-dragger
:customRequest="customRequest"
:fileList="fileList"
:multiple="true"
:remove="removeFile"
/>
js
//重写上传方法
customRequest(data) {
const formData = new FormData();
formData.append("file", data.file);
this.$http.post("dataSetFile/addDataSetFile", formData).then(res => {
this.fileList.push({
uid: res.data, // 文件唯一标识,建议设置为负数,防止和内部产生的 id 冲突
name: data.file.name, // 文件名
status: "done", // 状态有:uploading done error removed
response: res // 服务端响应内容
});
});
},
//删除文件
removeFile(file) {
this.fileList.splice(this.fileList.indexOf(file), 1);
},
这样就可以用自己的方法来上传啦!
更多推荐
已为社区贡献1条内容
所有评论(0)