javascript - Upload组件选了文件不立即上传
本文介绍了javascript - Upload组件选了文件不立即上传的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
antd的Upload组件,我想选择文件后不立即上传,等我按了保存按钮之后我才一起上传,这个怎么做呢?
解决方案
利用beforeUpload将要上传的东西存到store里面(state也可以),最后return false,阻止上传。
<Dragger
name="ver_file"
action="version_add"
showUploadList
disabled={activeRow.id !== 0}
fileList={fileList}
onRemove={() => {
// 清空文件列表
dispatch({
type: 'SystemSettings/Version/changeFileList',
payload: {
file: {},
fileList: [],
},
});
}}
beforeUpload={(curFile, curFileList) => {
// 将上传的东西存到store里,返回false阻止上传
dispatch({
type: 'SystemSettings/Version/changeFileList',
payload: {
file: curFile,
fileList: curFileList,
},
});
return false;
}}
>
提交的时候,将file追加到FormData里面
const data = new FormData();
// 循环把字段全部加进去
Object.entries(values).forEach((item) => {
data.append(item[0], item[1] || '');
});
data.append('ver_file', file);
dispatch({
type: 'SystemSettings/Version/submitData',
payload: data,
});
这篇关于javascript - Upload组件选了文件不立即上传的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文