Прогресс-бар

[object]

Помогите, пожалуйста.
Хочу сделать яваскриптовый предзагрузчик, чтобы он отображал процентно (!) процесс загрузки, например, картинки. Ну например открываешь картинку в полный размер (большую картинку, грузится долго), и побежали проценты показывать, сколько байтов картинки уже скачалось.
Уже гуглил, но все предзагрузчики либо просто бегают и исчезают после загрузки, либо предзагрузчики на закачку, то есть отображают прогресс загрузки файла на сервер. А хотелось бы наоборот.
Вот в Экшен скрипте есть простые функции
getBytesTotal(); - узнает общую массу того, что будет загружаться
и getBytesLoaded(); - слушает, сколько уже загрузилось
С их помощью несложно реализовывается то, что я хочу сделать. А есть ли нечто подобное в яваскрипте?
Спасибо.

[Kolyaj]

А есть ли нечто подобное в яваскрипте?

Нет.

[object]

А я вот нашел вот такую штуку:

var percentage = Math.floor(100 * parseInt(data.bytes_uploaded) / parseInt(data.bytes_total));

Только пока понять не могу, как работает bytes_uploaded

[Kolyaj]

А я вот нашел вот такую штуку:

Вы забыли рассказать, что такое data.

[PeaceCoder]

с появление AJAX возможно все даже прогресс загрузки картинки. првда нагрузка на сервер будет выше.

общая схема такая:
1 клиент запрашивает картинку ввиде данных
2. сервер читает картинку из файла и предает ее настраивая кооректно Content-Length
3. при readyState = 3 данные начинают приниматься и responseText заполнятся.
4. периодически проверять responseText и обновлять до readyState=4

Но не все браузеры корректно обновляют responseText и в итоге прогресс может быть скачкообразным.

http://www.ibm.com/developerworks/ru...wa-ajaxintro3/
http://forum.alfaspace.net/9_4008_0.html

[Gvozd]

PeaceCoder,
а как потом загруженную таким образом картинку отобразить пользователю?

[Kolyaj]

а как потом загруженную таким образом картинку отобразить пользователю?

Другими словами, не надо гнать Да и readyState только 4 корректно работает во всех браузерах.

[subzey]

Хмм… А зачем вообще нужно показывать прогрессбар для картинки, если ее отображение само по себе показывает прогресс куда лучше?

Вы же не двадцатимегабайтные жпеги подгружаете?

Да, и кстати, а вдруг посетитель сидит через GPRS'ный канал какого-нибудь говнопровайдера (типа МТС) и отключил картинки? А они — представьте! — все равно грузятся, но не показываются, вот шутка-то!

[PeaceCoder]

а как потом загруженную таким образом картинку отобразить пользователю?

просто. src = responseText. В респонсе хранится не путь а код картинки

ты когда пишешь <img src="image.php?asdas=234"> как поступает браузер? браузер тоже принимает данные... а указанный путь лишь откуда их брать

не встречал баг, который заключается когда генеришь картинку(например уменьшенную) и в скрипте есть ошибки но не критические которые выводят Notice: ... вместо картинки ты получаешь абракадабру. это и есть данные

еще пример: new Image() - кеширование. думаешь они путь держут в памяти ? нет это данные. а передаешь из как ? правильно: исходник.src = кеш.src

Да, и кстати, а вдруг посетитель сидит через GPRS'ный канал какого-нибудь говнопровайдера (типа МТС) и отключил картинки? А они — представьте! — все равно грузятся, но не показываются, вот шутка-то!

а вот это хорошее замечание. лично я сделал прогрессбар для общих AJAX запросов... а не для всего подряд.

А вообще приличный сайт имеет версию под моб.браузеры. или минифицированную

а еще подозреваю что этот прогресс нужен для показа большой картинки при клике на маленькую и что бы не ждать когда же она там загрузится и покажется...

[Kolyaj]

просто. src = responseText. В респонсе хранится не путь а код картинки

ты когда пишешь <img src="image.php?asdas=234"> как поступает браузер? браузер тоже принимает данные... а указанный путь лишь откуда их брать

не встречал баг, который заключается когда генеришь картинку(например уменьшенную) и в скрипте есть ошибки но не критические которые выводят Notice: ... вместо картинки ты получаешь абракадабру. это и есть данные

еще пример: new Image() - кеширование. думаешь они путь держут в памяти ? нет это данные. а передаешь из как ? правильно: исходник.src = кеш.src

Госпади, что за бред?

А вообще приличный сайт имеет версию под моб.браузеры.

Приличный сайт и в ИЕ6 нормально отображается Странный ты человек. Ведь под ИЕ6 сверстать на порядки проще, чем под мобильные браузеры, и процент пользователей на нём больше, тем не менее на ИЕ6 ты предлагаешь забить, а под мобильные браузеры сделать отдельную версию.