#2607: SingleFileUploadWithProgress.tsx
projectforge-webapp/src/components/base/dynamicLayout/components/upload/SingleFileUploadWithProgress.tsx
TypeScript React компонент (XHR загрузка с индикатором прогресса),
projectforge-webapp/src/components/base/dynamicLayout/components/upload/SingleFileUploadWithProgress.tsx
92 строки · 76 кода · 4 комментария · 12 пустых
Загружает один файл через XMLHttpRequest POST с FormData (поля: file, upload_preset).
Отслеживает процент загрузки через xhr.upload.onprogress — обновляет состояние useState(0) прогресса.
Отображает FileHeader + индикатор Progress из reactstrap: жёлтый "warning" / анимированный во время загрузки,
зелёный "success" / статичный при 100%. Запускает колбэк onUpload при монтировании через useEffect
и afterFileUpload через xhr.onreadystatechange. Основано на туториале по Formik от bmvantunes.
История Git
033629f77 исправление ошибок typescript eslint
da657e1ce WIP: множественная загрузка
d818f1a28 WIP: множественная загрузка
f71abe9aa WIP: множественная загрузка
87c1212c2 WIP: множественная загрузка