#2607 : SingleFileUploadWithProgress.tsx
projectforge-webapp/src/components/base/dynamicLayout/components/upload/SingleFileUploadWithProgress.tsx Composant React TypeScript (Téléversement XHR avec barre de progression), projectforge-webapp/src/components/base/dynamicLayout/components/upload/SingleFileUploadWithProgress.tsx 92 lignes · 76 lignes de code · 4 commentaires · 12 lignes vides
Téléverse un seul fichier via XMLHttpRequest POST avec FormData (champs : file, upload_preset). Suit le pourcentage de téléversement via xhr.upload.onprogress — met à jour la progression useState(0). Affiche FileHeader + barre Progress reactstrap : jaune "warning" / animée pendant le téléversement, verte "success" / statique à 100%. Déclenche le rappel onUpload au montage via useEffect et afterFileUpload via xhr.onreadystatechange. Basé sur le tutoriel Formik de bmvantunes.
Historique Git
033629f77 correction des bugs eslint typescript
da657e1ce WIP : téléversement multiple
d818f1a28 WIP : téléversement multiple
f71abe9aa WIP : téléversement multiple
87c1212c2 WIP : téléversement multiple