вот вопрос такой в консоли видно сколько загружено килобайт картинки вот в этом месте скрин прикрепил. А можно ли как нибудь получить эти данные с помощью js? --- Добавлено --- Это нужно что бы аоказать прогрес бар загрузки анимации. Анимация прогружается по клику по ней.
Я нашел вот такой вариант вроде как работает но есть одно но почему то 100% наступает секунды на 2-4 раньше чем анимашка полностью загрузилась. Код (Javascript): var xmlhttp = new XMLHttpRequest(), method = 'GET', url = src, load ='', step = 0; xmlhttp.open(method, url, true); xmlhttp.onprogress = function (event) { console.log( 'Получено с сервера ' + event.loaded + ' байт из ' + event.total +' Процент '+ load + '%'); load = Math.trunc(100 / (event.total / event.loaded)); $('.persent').text(load+'%'); if(load == 100){ $('.load_status').remove(); $('.load_gif').remove(); $(el).prop('src',src); } };
Нашел в чем баг короче эта функция загружает правильно например файл весит 8 мб он вмб и загрузит а вот во вкладке network размер файла загружается в два раза больше тоисть 16 почему так я незнаю.