javascript - Upload元件選了檔案不立即上傳
PHP中文网
PHP中文网 2017-05-19 10:13:15
0
4
582

antd的Upload元件,我想選擇檔案後不立即上傳,等我按了儲存按鈕之後我才一起上傳,這個怎麼做呢?

PHP中文网
PHP中文网

认证高级PHP讲师

全部回覆(4)
过去多啦不再A梦
  • 利用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,
    });
Peter_Zhu

你選取檔案後,base64展示,點選儲存時一起儲存就好了

Ty80

題主解決了麼?

小葫芦

同問,lz要分享啊,我也碰到不想立即上傳的需求,怎麼弄。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!