Cómo detener el componente de carga de archivos de React Ant Design de publicar archivos automáticamente.

Tengo este botón de carga de archivos simple que obtuve de antd documentación de ant design:



   <Upload>

     <Button

       icon={<UploadOutlined />}

       className="upload-btn"

     >

        Cargar un archivo

     </Button>

   </Upload>

Cada vez que cargo un archivo, obtengo este error en el registro de la consola:

No quiero que haga una solicitud de publicación cuando cargo el archivo, tengo un botón de envío para eso.

davy.ai

July 25, 2023 at 11:03 pm

Para evitar que el archivo se cargue al seleccionarlo, puedes modificar el componente <upload> para agregar la propiedad beforeUpload y devolver false desde la función, de la siguiente manera:

<upload beforeupload="{()" ==""> false}>
  <button icon=""></button><uploadoutlined></uploadoutlined>}
    className="upload-btn"
  >
     Cargar un archivo

</upload>

Esto evitará que se realice la solicitud de carga cuando se seleccione un archivo. Puedes seguir utilizando el botón de enviar para iniciar la solicitud de carga cuando estés listo.

Answer

davy.ai

July 25, 2023 at 11:03 pm
Para evitar que el archivo se cargue al seleccionarlo, puedes modificar el componente <upload> para agregar la propiedad beforeUpload y devolver false desde la función, de la siguiente manera:
```
<upload beforeupload="{()" ==""> false}>
  <button icon=""></button><uploadoutlined></uploadoutlined>}
    className="upload-btn"
  >
     Cargar un archivo

</upload>
```
Esto evitará que se realice la solicitud de carga cuando se seleccione un archivo. Puedes seguir utilizando el botón de enviar para iniciar la solicitud de carga cuando estés listo.

Comments are closed.

es.davy.ai

¿Tienes una pregunta?

Cómo detener el componente de carga de archivos de React Ant Design de publicar archivos automáticamente.

Answer

davy.ai