antd的Upload组件,我想选择文件后不立即上传,等我按了保存按钮之后我才一起上传,这个怎么做呢?
认证高级PHP讲师
利用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, });
你选中文件后,base64展示,点击保存时一起保存就好了
题主解决了么?
同问,lz要分享啊,我也碰到不想立即上传的需求,怎么弄。
利用beforeUpload将要上传的东西存到store里面(state也可以),最后return false,阻止上传。
提交的时候,将file追加到FormData里面
你选中文件后,base64展示,点击保存时一起保存就好了
题主解决了么?
同问,lz要分享啊,我也碰到不想立即上传的需求,怎么弄。