Как сделать подгрузку изображений с прогресс-баром?
Возможно ли и как сделать подгрузку/презагрузку больших изображений (допустим, пути к ним занесены в массив) с отображением прогресс-бара по размеру изображений (сколько уже скачено к общему размеру файла)? Все плагины, что видел, делают прогресс по числу файлов в массиве и соответственно останавливают индикацию, если изображение долго грузится, а мне хотелось бы избежать замирания и показать, что загрузка все еще в процессе. По сути вся сложность задачи, что я не знаю - как узнать размер файла до загрузки и узнавать сколько уже загружено (Image object).
Все, что находил с определением размера файла, связано с input-file и аякс, через которые берется общий размер файла и сколько уже скачено.
Спасибо вам большое! Я никогда раньше не встречал Blob (для работы с байтами === raw data, как я понял ). Аякс намного лучше чем ничего))) Правда, вместо "e.position" надо "e.loaded" и прогресс вычисляется как "e.loaded / e.total".
Разрешите еще вопрос, пожалуйста: как переместить загруженный объект в Image Object? Я думал:
MyImg = new Image();
MyImg.src = URL.createObjectURL(buff);
//но ничего не выводится на канву
ctx.drawImage(MyImg,0,0);
Александр Таратин: еще раз спасибо - забыл про onLoad.
Ну не сказал бы что только в новых: только опера мини, а так все неплохо, вроде как.
Посмотрел статистику ВК (ну а кого еще смотреть, в принципе, если не одного из самых популярных сайтов?), то вроде все отлично поддерживается (https://www.liveinternet.ru/stat/vkontakte.ru/brow... только не понятно - неужели 1й Сафари так серьёзно держится, когда есть новее?!)
Возможно, еще есть какие-то способы подобной подгрузки?))
