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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> progressbar загрузки файла на сервер 
:(
    Опции темы
supercelt
Дата 17.5.2009, 00:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Добрый вечер!. Помогите пожалуйста решить задачу, или подсказать готовое решение.
Мне нужно сделать прогрессбар загрузки файла на сервер. Есть такие требования:
1. Реализовать на основе библиотеки jquery
2. Никакого флеша, нужно что бы прогрессбар состоял только из слоёв <div>
3. Показ процентов загрузки и желательно размера загруженной части файла (правдивые). 
4. Кроссбраузерность
5. Что бы не требовалось доп модулей к конфигу самого сервера (предполагается стандартный виртуальный сервер, без возможности внесения изменений в конфигурацию)

 Вот вроде всё. До этого я использовал поиск и нашёл кучу примеров, но ни один наромально не работает. Нашёл что в jquery  есть плагин jquery.progressbar. И есть в инете много статей, но там описано только как по клику прокрутить шкалу от 0 до 100, типа просто пример. А как прикрутить это к реальной загрузке ниде не сказано. 
Heeelp)
PM   Вверх
comtat
Дата 18.5.2009, 00:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1310
Регистрация: 2.5.2006
Где: Россия, Казань

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



Нашел http://www.uploadify.com/ и http://www.pixeline.be/experiments/jqUploader/
Попробуй может подойдут ...
В качестве рекламы еще посоветую плагин для ExtJS http://extjs.com/learn/Extension:UploadForm


--------------------
Рожденный в СССР !!!
ExtJS - мой фреймворк 
PM   Вверх
supercelt
Дата 20.5.2009, 14:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



comtat, Спасибо за помощь, сейчас всё посмотрю)
PM   Вверх
supercelt
Дата 20.5.2009, 18:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



comtat, Блин, в этих обоих примерах флэш. А мне нужно без него. ((
PM   Вверх
comtat
Дата 20.5.2009, 19:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1310
Регистрация: 2.5.2006
Где: Россия, Казань

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



Все что я встречал использует swfupload 
Без него конечно написать, но ИМХО готовое вряд ли найдешь 


--------------------
Рожденный в СССР !!!
ExtJS - мой фреймворк 
PM   Вверх
Любитель
Дата 20.5.2009, 23:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Программист-романтик
****


Профиль
Группа: Комодератор
Сообщений: 3645
Регистрация: 21.5.2005
Где: Воронеж

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



А как ты планируешь сплитерить файл через js? AFAIK это невозможно. Именно прогресс - только через флеш/сильверлайт.


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


Злобный программер
**


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

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



Если версия PHP больше, чем 5.2, то там должен быть встроенный механизм определения (но не факт, что данное расширение стоит у хостера)

http://www.php.net/manual/ru/features.file-upload.php#71564

Если версия ниже или расширение не стоит, то использовать симбиоз из PHP и PERL'а.
Таких аплоадеров в инете много.


P.S. Я делал на PERL + PHP + jQuery (AJAX-запросы) для обновления прогресс-бара

Это сообщение отредактировал(а) Photon - 21.5.2009, 01:04


--------------------
With best regards..
PM MAIL ICQ Skype GTalk Jabber   Вверх
supercelt
Дата 22.5.2009, 00:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Photon, А можете пожалуйста показать какие-нибудь ссылки на готовые примеры PHP+PERL+Jquery ?
PM   Вверх
Photon
Дата 23.5.2009, 04:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Злобный программер
**


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

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



Гугли на тему "Uber-Uploader" или "dhtmlxVault"

Это сообщение отредактировал(а) Photon - 23.5.2009, 04:47


--------------------
With best regards..
PM MAIL ICQ Skype GTalk Jabber   Вверх
supercelt
Дата 23.5.2009, 23:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Photon, я скачал uber-upload, установил, но при его работе выдаётся ошибка, в браузере пишет: ERROR: Failed to find flength file.  И ссылка ведёт вот сюда http://uber-uploader.sourceforge.net/?section=flength  Там написано что бы это убралось, надо поместить файл .htaccess в корневую кажется, с предлогаемым текстом. Но я помещал не только в корневую. Всё-равно не работает. А в чём может быть проблема?
PM   Вверх
Photon
Дата 25.5.2009, 05:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Злобный программер
**


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

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



А ты точно выполнил все, что написано в INSTALL_AND_FAQ.txt?


--------------------
With best regards..
PM MAIL ICQ Skype GTalk Jabber   Вверх
supercelt
Дата 25.5.2009, 20:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Photon, 
Получилось!. Только одна проблема. У меня есть страница сайта. На ней создаётся страница. Это как ЦМС. И там поля - заголовок стр, сам контент, ещё опций. И вот туда я поместил эту форму загрузки. Так вот не хочет работать при таком раскладе. Сами-то поля в форме У которой есть точный параметр - action. И тут же я в эту форму ставлю эту вторую форму скрипта uber uploader. А у этой формы а action написано - #. Получается, что у меня форма в форме. А если эту  форму с аплоадером ставить уже после той основной формы, то вс работает, но это не есть гуд. Подскажите пожалуйста. Как можно это решить?. Форма в форме
PM   Вверх
Aliance
Дата 25.5.2009, 20:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

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



supercelt, убрать внешние теги формы не пробывал? smile
PM MAIL WWW ICQ Skype   Вверх
supercelt
Дата 25.5.2009, 21:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Aliance, Смотри, ты имеешь ввиду вот это:

Было 
Код

<form action="handler.php"...>
<input type="text"........Название страницы


<form action="#".....>
Тут поле для закачки и прогрессбар
</form>

<input type="text"........Видимость страницы
<input type="text"........Контент
</form>


Стало:

Код

<form action="handler.php"...>
<input type="text"........Название страницы



Тут поле для закачки и прогрессбар


<input type="text"........Видимость страницы
<input type="text"........Контент
</form

PM   Вверх
bars80080
Дата 25.5.2009, 22:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



откуда вы вообще берёте такие дикие схемы, как форма в форме?
неужели, просто прикинув логически нельзя понять, что это вызовет неминуемый конфликт элементов страницы?
PM MAIL WWW   Вверх
supercelt
Дата 25.5.2009, 22:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



bars80080, Ну мало ли). В общем вызван конфликт. И как это решить, я честно, не знаю, поэтому спрашиваю помощи тут)
PM   Вверх
Photon
Дата 26.5.2009, 10:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Злобный программер
**


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

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



supercelt, смотри..  Если у тебя только закачка файла, то ставь только форму Uber-Uploader.  Если у тебя еще передаются какие-то данные, то тебе надо эти данные разбирать в скрипте uploader'а и каким-то путем (либо сохраняя в файл, либо скрипт.php?data1=value1&data2=value2) передавать потом PHP-скрипту, который будет их куда нужно сохранять.  Т.е. форма получится примерно такая:

Код

<form method="POST" action="/cgi-bin/upload.pl" enctype="multipart/form-data">
  <input type="hidden" name="sid" value="<?php echo session_id(); ?>" />
  <input type="text" name="data1" size="20" /><br />
  <input type="text" name="data2" size="20" /><br />
  <input type="file" name="filename" size="20" /><br />
  <center><input type="submit" value="Сохранить" />
</form>


Ну это так, навскидку..


--------------------
With best regards..
PM MAIL ICQ Skype GTalk Jabber   Вверх
supercelt
Дата 26.5.2009, 16:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Photon, Это вариант, хотя я надеялся на пхп. Перл-то я не знаю. (
PM   Вверх
999serg
Дата 22.6.2009, 22:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Цитата(supercelt @ 25.5.2009,  20:13)
ERROR: Failed to find flength file.
Получилось!.

А как вы решили проблему работы скрипта?
PM MAIL   Вверх
supercelt
Дата 22.6.2009, 22:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



999serg, Этого скрипта? 

ERROR: Failed to find flength file.
Получилось!.
 - у меня такого не было
PM   Вверх
999serg
Дата 23.6.2009, 00:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Цитата

Photon, я скачал uber-upload, установил, но при его работе выдаётся ошибка, в браузере пишет: ERROR: Failed to find flength file.  И ссылка ведёт вот сюда http://uber-uploader.sourceforge.net/?section=flength  Там написано что бы это убралось, надо поместить файл .htaccess в корневую кажется, с предлогаемым текстом. Но я помещал не только в корневую. Всё-равно не работает. А в чём может быть проблема?

Цитата

Photon, 
Получилось!. Только одна проблема. У меня есть страница сайта. На ней создаётся страница. Это как ЦМС. И там поля - заголовок стр, сам контент, ещё опций. И вот туда я поместил эту форму загрузки. Так вот не хочет работать при таком раскладе. Сами-то поля в форме У которой есть точный параметр - action. И тут же я в эту форму ставлю эту вторую форму скрипта uber uploader. А у этой формы а action написано - #. Получается, что у меня форма в форме. А если эту  форму с аплоадером ставить уже после той основной формы, то вс работает, но это не есть гуд. Подскажите пожалуйста. Как можно это решить?. Форма в форме

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


Новичок



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

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



Вот тебе готовый скрипт заточиный под меня. Страница не перезагружается. Только процентовки нет, не могу догнать как её сделать.

Код

<HTML>
<head> 
</head>

<BODY>
<form action="info.php" name="uploadForm" method="post" target="hiddenframe" enctype="multipart/form-data"
onsubmit="document.getElementById('res').innerHTML=''; document.getElementById('loading').style.display='block'; 
return true;">
<input type="file" name="userfile" />
<input type="submit" value="Загрузить"  />
</form>
<div id="res" style="margin: 1em 0"></div>
<div id="loading" style="display:none; position: absolute; z-index: 99; left: 45%; top: 45%;">
<img src="wait.gif" border="0" /> Идет загрузка...
</div>
<iframe id="hiddenframe" name="hiddenframe" style="width:0; height:0; border:0"></iframe>
</BODY>
</HTML>
   


Код

<?php

switch ($_FILES['userfile']['type']) {
case 'image/jpeg': $type_key=1; break;
case 'image/gif': $type_key=1; break;
case 'image/bmp': $type_key=1; break;
case 'image/png': $type_key=1; break;
default:$type_key='0';
}
if ($_FILES["userfile"]["size"] > 1024*2*1024)
{
$size_key=0;
}
else{$size_key=1;}

if ($type_key==1 and $size_key=1) {
$adress="Z:/home/localhost/www/exp_1/";
if (move_uploaded_file($_FILES["userfile"]['tmp_name'], $adress.$_FILES["userfile"]["name"])){
echo '<script type="text/javascript">';
echo 'window.parent.document.getElementById("loading").innerHTML="";';
echo "window.parent.document.getElementById('res').innerHTML='Файл успешно загружен<BR>".$_FILES['userfile']['type']."<BR>';";
echo '</script>';
}
}else {
echo '<script type="text/javascript">';
echo 'window.parent.document.getElementById("loading").innerHTML="";';
echo "window.parent.document.getElementById('res').innerHTML='Неверный тип файла';";
echo '</script>';

}
?>


Корректируй под свой лад. 
PM MAIL   Вверх
Страницы: (2) [Все] 1 2 
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Применение библиотек | Следующая тема »


 




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


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

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