#2607: SingleFileUploadWithProgress.tsx
projectforge-webapp/src/components/base/dynamicLayout/components/upload/SingleFileUploadWithProgress.tsx
Componente React TypeScript (Subida XHR con barra de progreso),
projectforge-webapp/src/components/base/dynamicLayout/components/upload/SingleFileUploadWithProgress.tsx
92 líneas · 76 código · 4 comentarios · 12 en blanco
Sube un único archivo mediante XMLHttpRequest POST con FormData (campos: file, upload_preset).
Rastrea el porcentaje de subida mediante xhr.upload.onprogress — actualiza el progreso con useState(0).
Renderiza FileHeader + barra Progress de reactstrap: amarilla "warning" / animada mientras sube,
verde "success" / estática al 100%. Dispara el callback onUpload al montar mediante useEffect
y afterFileUpload mediante xhr.onreadystatechange. Basado en el tutorial de Formik de bmvantunes.
Historial Git
033629f77 corrige errores de eslint en typescript
da657e1ce WIP: subida múltiple
d818f1a28 WIP: subida múltiple
f71abe9aa WIP: subida múltiple
87c1212c2 WIP: subida múltiple