0
229
ViewsDeshabilitar el envío de formularios mientras se carga el archivo FilePond
Estoy usando FilePond para el archivo de imagen en mi formulario. Quiero que el envío del formulario se disabled mientras se carga la imagen o el archivo. y se vuelve a habilitar una vez que se carga la imagen.
Busqué en sus documentos pero no pude encontrar lo que podría ayudar
Esto cuando el botón Submit debe estar deshabilitado
·
Juan Pablo Isaza
1 answers
Answer question0
Al usar estas devoluciones de llamada, puede deshabilitar el botón Enviar mientras se cargan los archivos.
onaddfilestart(file) – Carga de archivo iniciada
onaddfileprogress(file, progress) Progreso al cargar un archivo
onaddfile(error, file) Si no hay error, el archivo se ha cargado correctamente.
function App() { const [files, setFiles] = useState([]); const [loading,setLoading] = useState(false); return ( <div className="App"> <FilePond files={files} allowReorder={true} allowMultiple={true} onupdatefiles={setFiles} onaddfilestart={()=> setLoading(true)} onaddfile={()=> setLoading(false)} /> <button disabled={loading}>Submit</button> </div> ); }referencia: https://pqina.nl/filepond/docs/api/instance/properties/#callbacks
·
Juan Pablo Isaza
Report
Answer question