Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> ProgressBar загрузки файла 
V
    Опции темы
Burrr
Дата 19.1.2006, 12:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 459
Регистрация: 4.9.2005

Репутация: 10
Всего: 20



Расскажите, плз, как сделать ProgressBar (индикатор загрузки - линия такая, которая показывает процент загрузки чего-либо, а также выводит число в интервале 1-100%, показ. эту же степень):
1) Загрузки страницы на машину клиента, чтоб до окончания загрузки была видна эта линия с процентами
2) Загрузки файла на сервер с пом. аплоада (<input type="file"...). Т.е. клиент пытается загрузить файл на сервер, выбирает его и жмет сабмит, при этом страница не перегружается, а прогресс бар показывает сколько процентов файла уже отправилось, до полной отправки.
smile (пример HTML-я не обязателен, нужен ява-скрипт-код).


--------------------
PM MAIL ICQ   Вверх
Sardar
Дата 20.1.2006, 03:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317



Пока физически не возможно определить сколько "загрузил/отослал" браузер, не даёт он такой инфы. Все прогресс-бары что ты видел, это обычно "понарошку", поэтому прогрес-бар не 0%-100%, а просто .gif'ка с пробегающим бесконечно маячком на прогресбаре.


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
Burrr
Дата 20.1.2006, 12:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 459
Регистрация: 4.9.2005

Репутация: 10
Всего: 20



Ясно, жаль (.
А как отловить момент, когда процесс загрузки файла по аплоаду завершился?


--------------------
PM MAIL ICQ   Вверх
dstorm81
Дата 20.1.2006, 15:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


бездельник
***


Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 20
Всего: 39



выражаю несогласие по поводу гифки, и невозможности создания прогресс бара
загрузка на клиента частично контролируема,
как можно сделать?
к примеру на сайте есть картинки, вешаем на каждую картинку на событие онлоад функцию которая увеличит счетчик на один
таже функция будет смотреть а не достигнуто какое-то нужное число, если да тос крываем слой прогессбара и показываем страничку, однако
некоторые перцы, не любят смотреть всякие баннеры и картинки на сайте, типа меня, и поэтому если картинки отключены
то сайта они не увидят, можно контролировать по тексту, черех хмлрекуест (хрень kоторая грузит текст напрямую с файла), допустиm dелаешь пару такиx штук которые будут грузить отдельные блоки, поочередно, и насколько я помню, при загрузке блока возвращается какое событие
about imgpreloader see www.htmlguru.com || www.dhtmlguru.com

отгрузка на сервер без устнановки активХ, не катит, ну и еще броузеры разные есть, в общем не катит никак


--------------------
на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

PM   Вверх
Burrr
Дата 23.1.2006, 17:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 459
Регистрация: 4.9.2005

Репутация: 10
Всего: 20



Возвращаясь к отгрузке файла.
Можно ли сделать следующую штуку:
Пользователь выбирает в поле <input type="file" > что-нить со своей машины и жмет сабмит, при этом страница не перегружается, а появляется некоторая анимация (не важно какая), показывающая, что идет процесс отгрузки файла на сервер. Как только процесс сабмита формы завершен появляется надпись: "Данные загружены на сервер, ну или что-то вроде того, не важно".

Внимание, ВОПРОСЫ smile :
1) как засабмитить форму с аттаченным файлом без перезагрузки страницы.
2) как поймать момент начала и конца отгрузки файла (или сабмита формы, что я думаю сделать будет проще).

smile


--------------------
PM MAIL ICQ   Вверх
S.A.P.
Дата 23.1.2006, 22:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Участник Клуба
Сообщений: 2664
Регистрация: 11.6.2004

Репутация: 8
Всего: 71



Цитата(Burrr @ 23.1.2006, 17:08 Найти цитируемый пост)

1) как засабмитить форму с аттаченным файлом без перезагрузки страницы.

ИМХО только через фрейм.
Цитата(Burrr @ 23.1.2006, 17:08 Найти цитируемый пост)

2) как поймать момент начала и конца отгрузки файла (или сабмита формы, что я думаю сделать будет проще).

Момент начала - событие onsubmit формы.
Момент конца - onload фрейма.

PM MAIL   Вверх
Sardar
Дата 24.1.2006, 01:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317



dstorm81 а зачем это? В процентах ты показываешь сколько цельных картинок загрузилось, но узнать на сколько в процентах загрузилась одна (большая) картинка не реально, по крайней мере сейчас.

Burrr отправка файлов во фрейме много раз обсуждалось, в поиск type="file"


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
dstorm81
Дата 24.1.2006, 10:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


бездельник
***


Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 20
Всего: 39



2 sandar

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


--------------------
на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

PM   Вверх
alligator
Дата 5.2.2006, 00:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 730
Регистрация: 28.1.2004

Репутация: нет
Всего: 1



Меня тоже интересует этот вопрс рабочий пример можно посмотреть на рапидшаре у меня не получилось с ним разобраться
PM MAIL   Вверх
gAnton
Дата 5.2.2006, 14:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 21
Регистрация: 21.1.2006

Репутация: нет
Всего: нет



я честный прогрессбар на perl видел пару лет назад - начинается загрузка, открывается еще одно окно, которое рефрешится раз в пару секунд и показывает статус обновления
в это время основной скрипт(который непосредственно принимает файл) сохраняет где-то на сервере сколько было загружено
если не ошибаюсь, для этого нужен было какой-то мод для вебсервера
PM MAIL   Вверх
Sardar
Дата 5.2.2006, 17:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317



Цитата(gAnton @ 5.2.2006, 13:44 Найти цитируемый пост)
если не ошибаюсь, для этого нужен было какой-то мод для вебсервера

По моему mod_throttle для ограничивания скорости выкачки и закачки ставиться, может ли он репортировать загрузку в процентах скрипту не знаю, по идее не сложно должно быть.


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
orendron
Дата 10.7.2006, 11:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 8
Регистрация: 1.6.2006
Где: Оренбург

Репутация: нет
Всего: нет



Цитата(gAnton @ 5.2.2006,  14:44)
если не ошибаюсь, для этого нужен было какой-то мод для вебсервера

никакого мода не нужно! прогрессбар делается элементарно, но из-за особенностей IE (по крайней мере 7 beta 2) приходится извращаться и использовать iframe, т.к. лично у меня секунд через 30 после закачки файла IE пишет типа не могу отобразить страницу.... хотя на самом деле загрузка файла продолжается. Пришлось саму форму засунуть в iframe, что бы не пугать пользователей, а на основной странице у меня пишется сколько процентов загружено.

пример тут: http://all1.ru/battle/upload.html 

P.S. battle тут: http://all1.ru/battle/ smile 
PM MAIL WWW ICQ   Вверх
Avb
Дата 10.7.2006, 13:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 115
Регистрация: 5.7.2006

Репутация: 4
Всего: 13



Цитата(Burrr @  23.1.2006,  17:08 Найти цитируемый пост)
1) как засабмитить форму с аттаченным файлом без перезагрузки страницы.
2) как поймать момент начала и конца отгрузки файла (или сабмита формы, что я думаю сделать будет проще).


Можно. AJAX-ом.
А для работы с AJAX (и не только) удобно пользовоться библиотекой prototype.js.
Ссылки по ней:
http://www.sergiopereira.com/articles/prototype.js.html
http://blog.webdev.uz/articles/prototype-js-happiness/
http://wiki.script.aculo.us/scriptaculous/show/Prototype

Тебе надо использовать Ajax.Request. 
PM MAIL   Вверх
JSman
Дата 15.7.2006, 12:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 279
Регистрация: 10.7.2006

Репутация: нет
Всего: 4



Цитата

Пока физически не возможно определить сколько "загрузил/отослал" браузер, не даёт он такой инфы.
 

не верно. смотри IE6 object.downloadCurrent
а еще можно вставить невидимый FLASH и через него загружать и кэшировать файлы. через него и получишь все, что хочешь 
PM ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0619 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.