F
Что не так?
Size: a a a
2020 October 03
DC
У меня загрузка файлов в несколько мегабайт, нужно показывать как прогресс загрузки и отображать сколько КБ загрузилось. Как эту информацию получить?
Так ладно, смотри:
let img = document.images
let countAllImages = img.length
Получаем общее число всех картинок
Пишем функцию в которой:
countAllImages++
document.getElementById('#your_id').innerHTML = ( ( (100 / countAllImages) * countAllImages ) << 0 ) + '%'; // получаем процент
Надеюсь вы знаете как делать итерации для перебора данных ??
let img = document.images
let countAllImages = img.length
Получаем общее число всех картинок
Пишем функцию в которой:
countAllImages++
document.getElementById('#your_id').innerHTML = ( ( (100 / countAllImages) * countAllImages ) << 0 ) + '%'; // получаем процент
Надеюсь вы знаете как делать итерации для перебора данных ??
a
Так ладно, смотри:
let img = document.images
let countAllImages = img.length
Получаем общее число всех картинок
Пишем функцию в которой:
countAllImages++
document.getElementById('#your_id').innerHTML = ( ( (100 / countAllImages) * countAllImages ) << 0 ) + '%'; // получаем процент
Надеюсь вы знаете как делать итерации для перебора данных ??
let img = document.images
let countAllImages = img.length
Получаем общее число всех картинок
Пишем функцию в которой:
countAllImages++
document.getElementById('#your_id').innerHTML = ( ( (100 / countAllImages) * countAllImages ) << 0 ) + '%'; // получаем процент
Надеюсь вы знаете как делать итерации для перебора данных ??
Мне нужно получить прогресс загрузки не по количеству файлов, а по их размеру. Например, загружается одна картинка на несколько мегабайт, интернет медленный, нужно показать % загрузки
ei
headers для чего, указываете Content-Type и получаете, в чём сложность ?
А засорять проект дополнительными библиотеками из-за того что нет знаний в javascript - бэд практик
А засорять проект дополнительными библиотеками из-за того что нет знаний в javascript - бэд практик
АХПХАХАХАХА
DC
Ты про мидлварю для экспресса? Запросы на сервер легче делать?
Как любит говорить мой коллега, https://t.me/react_js/1024647
Как любит говорить мой коллега, https://t.me/react_js/1024647
Это ещё хорошо, если разработчик знает что такое мидл вар ))
Таки счастливый человек.
Таки счастливый человек.
ei
Господи как же это смешно, даже отвечать не охото
DC
Мне нужно получить прогресс загрузки не по количеству файлов, а по их размеру. Например, загружается одна картинка на несколько мегабайт, интернет медленный, нужно показать % загрузки
Значит получаешь данные конкретной картинки и пересчитываешь по той же аналогии, я уже даже формулу расписал, как динамически процент считать для вывода на экран.
🧨
Это ещё хорошо, если разработчик знает что такое мидл вар ))
Таки счастливый человек.
Таки счастливый человек.
счастливый, если вместо клепания кнопочек ебошит на заводе?
DC
счастливый, если вместо клепания кнопочек ебошит на заводе?
мы про мидлвары говорим, а вы о чём ?
a
Значит получаешь данные конкретной картинки и пересчитываешь по той же аналогии, я уже даже формулу расписал, как динамически процент считать для вывода на экран.
А где получить информацию о том сколько загружено уже КБ из всей картинки, если я хочу каждую секунду значение обновлять?
GO
F
<Route
path="/products/:product"
render={() => (
<SingleProductPage
SWAP_HEADING={SWAP_HEADING}
windowWidth={windowWidth}
/>
)}
/>
<Route
path="/404"
exact
render={() => (
<NotFound SWAP_HEADING={SWAP_HEADING} windowWidth={windowWidth} />
)}
/>
path="/products/:product"
render={() => (
<SingleProductPage
SWAP_HEADING={SWAP_HEADING}
windowWidth={windowWidth}
/>
)}
/>
<Route
path="/404"
exact
render={() => (
<NotFound SWAP_HEADING={SWAP_HEADING} windowWidth={windowWidth} />
)}
/>
ну это не все роуты) мб как-то кратко можно отправить. и как сделан линк на '/main'?
🧨
мы про мидлвары говорим, а вы о чём ?
я тоже про мидлвари, что в них сложного?
DC
я тоже про мидлвари, что в них сложного?
в незнании того что они есть и как ими пользоваться )))
MK
При чем тут мидлвари экспресса и отображение процента аплоада файла
Объясните
Объясните
АБ
Так ладно, смотри:
let img = document.images
let countAllImages = img.length
Получаем общее число всех картинок
Пишем функцию в которой:
countAllImages++
document.getElementById('#your_id').innerHTML = ( ( (100 / countAllImages) * countAllImages ) << 0 ) + '%'; // получаем процент
Надеюсь вы знаете как делать итерации для перебора данных ??
let img = document.images
let countAllImages = img.length
Получаем общее число всех картинок
Пишем функцию в которой:
countAllImages++
document.getElementById('#your_id').innerHTML = ( ( (100 / countAllImages) * countAllImages ) << 0 ) + '%'; // получаем процент
Надеюсь вы знаете как делать итерации для перебора данных ??
давай ты немного убавишь уровень чсв пожалуйста
🧨
А где получить информацию о том сколько загружено уже КБ из всей картинки, если я хочу каждую секунду значение обновлять?
.on(‘progress’) не подойдет? Если это формдата с file то должен быть нативный прогресс вроде как
F
Green Orange
ну это не все роуты) мб как-то кратко можно отправить. и как сделан линк на '/main'?
Все сделаны одинаково, только компонент и путь разный:
<Route
path="/main"
render={() => (
<MainPage SWAP_HEADING={SWAP_HEADING} windowWidth={windowWidth} />
)}
/>
<Route
path="/main"
render={() => (
<MainPage SWAP_HEADING={SWAP_HEADING} windowWidth={windowWidth} />
)}
/>
YS
Подскажите плиз, возможно ли использовать thunk без redux, т.к. я пытаюсь делать всё на хуках, но столкнулся с тем, что нужно выполнить в экшине асинхроный запрос и после него уже делать диспатч другого экшена, ранее я делал чанками. вызывал функцию, она делала асинхроный запрос, после диспатчил нужный экшин, а диспатч получал из самого чанка (если верно выражаюсь)
GO
F
Все сделаны одинаково, только компонент и путь разный:
<Route
path="/main"
render={() => (
<MainPage SWAP_HEADING={SWAP_HEADING} windowWidth={windowWidth} />
)}
/>
<Route
path="/main"
render={() => (
<MainPage SWAP_HEADING={SWAP_HEADING} windowWidth={windowWidth} />
)}
/>
а линк на
'/main'?F
Green Orange
а линк на
'/main'?<Link to={node.route}>{node.title}</Link>