javascript - Le composant Upload sélectionne un fichier et ne le télécharge pas immédiatement

Question

Dans le composant Upload d'antd, je souhaite ne pas télécharger le fichier immédiatement après l'avoir sélectionné, mais le télécharger ensemble après avoir appuyé sur le bouton Enregistrer. Comment faire ?

Answer 1

• Utilisez beforeUpload pour stocker les éléments à télécharger dans le magasin (l'état peut également être utilisé), et enfin retournez false pour empêcher le téléchargement.

    <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;
        }}
   >

• Lors de la soumission, ajoutez le fichier à 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,
    });

Answer 2

Après avoir sélectionné le fichier, base64 sera affiché. Enregistrez-le simplement ensemble lorsque vous cliquez sur Enregistrer

.

Answer 3

La question a-t-elle été résolue ?

Answer 4

J'ai la même question, lz je veux la partager. J'ai également rencontré une exigence selon laquelle je ne veux pas la télécharger immédiatement. Comment puis-je le faire ?