Estoy usando el componente de carga de diseño de hormigas para cargar varios archivos en el servidor.
const props = { multiple: true, showUploadList: false, beforeUpload: () => { return false }, onChange: (info: any) => { console.log(info) setAttachmentLoader(true) info.fileList.forEach((file: any) => { formData.append("upload2[]", file.originFileObj) }) formData.append("_charset_", "UTF-8") formData.append("upload2-data", "") uploadApiFunction(formData, (res: any) => { setAttachmentLoader(false) res.text && message.success(res?.text, 4) }, (err: any) => { console.log(err); setAttachmentLoader(false) }) }, }; <Upload {...props} fileList={[]}> <PrimaryButton text="Add attachment" /> </Upload>
Se llama a la API para cada archivo cuando subo varios archivos. Quiero que todos los archivos seleccionados se carguen en el servidor en una sola solicitud.
Alguien puede ayudarme ?
onChange se llama cada vez que cambia la lista de archivos, debe transferir la llamada onChange a otro botón como se muestra en la documentación