Как вообще сервер смог рассчитать загрузку файла (прелоадер)?

Пашенька, вообщем они хитро сделали, у них прогресс доходит до 88% и после ответа от сервера сразу 100%

А вы могли бы объяснить, почему у них скорость загрузки ниже чем у меня ?

Как вообще сервер смог рассчитать загрузку файла (прелоадер)?

Пашенька,

100% прелоадер там, как и у вас, будет раньше, чем придёт ответ 200 от сервера

В том то и дело что нет, я записал новое видео: https://recordit.co/nYepKXBJly

100% наступает только после статуса 200 от сервера

Как вообще сервер смог рассчитать загрузку файла (прелоадер)?

Пашенька, ну на 23 секунде видите как медленно прогружается прелоадер ?

И там 100% у прелоадера всегда только после ответа сервера (а не до этого), если одновременно следить на вкладке network

Как вообще сервер смог рассчитать загрузку файла (прелоадер)?

Пашенька, получается на их сервере есть ограничения на загрузку ?

Как вообще сервер смог рассчитать загрузку файла (прелоадер)?

Пашенька, включите slow 3g на оригинальном сайте: vintagetechnics.ru/comment

Выберите все 5 картинок и посмотрите разницу

Даже в этом видео наглядно в slow 3g видно: https://recordit.co/tlMiAYHDvb

Как вообще сервер смог рассчитать загрузку файла (прелоадер)?

Пашенька, ну я сделал, один раз 1 (event.loaded/event.total) и все: https://test.vintagetechnics.ru/reviews/

Или не так ?

Как вообще сервер смог рассчитать загрузку файла (прелоадер)?

Пашенька, ну а прогресса загрузки нету, event.loaded/event.total * 100 + '%' - всегда 100%

Как вообще сервер смог рассчитать загрузку файла (прелоадер)?

Пашенька, я поменял, но разницы никакой нету: https://test.vintagetechnics.ru/reviews/

Как вообще сервер смог рассчитать загрузку файла (прелоадер)?

Пашенька, вы можете у меня глянуть в консоли: https://test.vintagetechnics.ru/reviews/ ?

Там вроде я использовал onprogress, но он работает только один раз

Как вообще сервер смог рассчитать загрузку файла (прелоадер)?

Пашенька, спасибо за разъяснения

Вот какой мне код нужно добавить, чтобы увидеть разницу ?

Возможно я о другом сейчас думаю )

Как вообще сервер смог рассчитать загрузку файла (прелоадер)?

Пашенька,

В это время многократно стреляет событие onprogress, именно в этом событии и происходит рисование прелоадера на основании таких свойств как event.loaded и event.total.

Объясните мне тогда, как оно может многократно стрелять если файл загружается мгновенно ?

xhr.upload.onprogress = function(event) {
  alert( 'Загружено на сервер ' + event.loaded + ' байт из ' + event.total );
}

А это событие происходит вместе с success'ом:

xhr.onprogress = function(event) {
  alert( 'Получено с сервера ' + event.loaded + ' байт из ' + event.total );
}

Т.е. человек добавил картинку, она мгновенно на клиенте загрузилась:
event.loaded/event.total * 100 + '%' = 100%, а что тогда прелоадер тоже 100% будет ?
Ведь загрузка при событии upload.onprogress мгновенная

Был бы благодарен за это разъяснение

Как вообще сервер смог рассчитать загрузку файла (прелоадер)?

Евгений, а вы могли бы объяснить, как с помощью данного варианта:

xhr.onprogress = function(event) {
  alert( 'Получено с сервера ' + event.loaded + ' байт из ' + event.total );
}

Достичь такого эффекта как у них ?
Т.е. как сделать 100% при ответе сервера ?

Как вообще сервер смог рассчитать загрузку файла (прелоадер)?

Евгений, а они что с помощью этого плагина делают ?
https://blueimp.github.io/jQuery-File-Upload/

Я просто тут не вижу:

<div class="upload-image__progress" style="top: 100%;"></div>

Как вообще сервер смог рассчитать загрузку файла (прелоадер)?

Евгений, вы имеете ввиду про это ?

Стадия скачивания

xhr.onprogress = function(event) {
  alert( 'Получено с сервера ' + event.loaded + ' байт из ' + event.total );
}

Как вообще сервер смог рассчитать загрузку файла (прелоадер)?

Евгений, чекать это постоянно отправлять запросы на сервер ?

Как вообще сервер смог рассчитать загрузку файла (прелоадер)?

Евгений, у них там сервер nginx

Как вообще сервер смог рассчитать загрузку файла (прелоадер)?

Евгений, а т.е. с данным модулем у меня будет точно такой же эффект загрузки ?

Как вообще сервер смог рассчитать загрузку файла (прелоадер)?

Пашенька, xhr.upload загружает файл всегда в начале, а потом только ответ от сервера (но не сразу)
Скорость при xhr.upload мгновенная, а тут скорость загрузки прелоадера зависит от ответа сервера

Как вообще сервер смог рассчитать загрузку файла (прелоадер)?

Пашенька, как это не сервер, а почему тогда 100% у прелоадера всегда зависит от ответа сервера ?

Как вообще сервер смог рассчитать загрузку файла (прелоадер)?

Ярослав Иванов, вы смотрели в slow 3G ? Сейчас покажу, вот в конце видно: https://recordit.co/tlMiAYHDvb