#2607: SingleFileUploadWithProgress.tsx
projectforge-webapp/src/components/base/dynamicLayout/components/upload/SingleFileUploadWithProgress.tsx
TypeScript React-Komponente (XHR-Upload mit Fortschrittsbalken),
projectforge-webapp/src/components/base/dynamicLayout/components/upload/SingleFileUploadWithProgress.tsx
92 Zeilen · 76 Code · 4 Kommentare · 12 leer
Lädt eine einzelne Datei per XMLHttpRequest POST mit FormData hoch (Felder: file, upload_preset).
Verfolgt den Upload-Fortschritt über xhr.upload.onprogress – aktualisiert useState(0) Fortschritt.
Rendert FileHeader + reactstrap Progress-Balken: gelb „warning“ / animiert während des Uploads,
grün „success“ / statisch bei 100%.
Löst onUpload-Callback beim Einhängen über useEffect und afterFileUpload über xhr.onreadystatechange aus.
Basierend auf bmvantunes' Formik-Tutorial.
Git-Verlauf
033629f77 Korrektur TypeScript ESLint-Fehler
da657e1ce WIP: Mehrfach-Upload
d818f1a28 WIP: Mehrfach-Upload
f71abe9aa WIP: Mehrfach-Upload
87c1212c2 WIP: Mehrfach-Upload