JQuery HTML5 загрузчик — это простой jQuery-плагин, подключив коотрый в веб-приложение или сайт, можно легко и удобно загружать файлы на подобие того как это реализовано в Gmail. Плагин поддерживает технологию drag and drop и загрузку нескольких файлов одновременно.
Чтобы использовать функционал плагина, нужно создать dropbox-элемент (например, div
). После этого можно перетащить один или несколько файлов в эту область и файлы будут загружаться.
Подключение скрипта
<code><script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script></code> <code><script type="text/javascript" src="js/jquery.html5uploader.min.js"></script></code> <code><script type="text/javascript"></code> <code>$(function() {</code> <code> $("#dropbox, #multiple").html5Uploader({</code> <code> name: "foo",</code> <code> postUrl: "bar.aspx"</code> <code> });</code> <code>});</code> <code></script></code> <code><div id="dropbox"></div></code> <code><input id="multiple" type="file" multiple></code>
Совместимость: протестирован в Firefox и Chrome.
Веб-сайт: //www.igloolab.com/jquery-html5-uploader/
.
Лицензия: бесплатное использование.
А почему не освещен вопрос с серверной стороны? Почему только клиентская часть без примеров закачки на сервер?
Да че там еще освещать-то? Все и так понятно. Подключаете этот скрипт, создаете див для приземления файлов и модуль загрузки готов.
Я подразумевал скрипт забирающий файл со стороны сервера. Не верстка, ни публикация, а именно тот скрипт который положит принятый файлик на винчестер сервера. Без этого скрипта не имеет смысла в загрузчике который видит пользователь. Интересней было бы написать полный техпроцесс от выбора файлика на винчестере клиента, до его попадания на винчестер сервера. Пример хотя бы на PHP.
Спасибо за наводку. Надо будет попробовать в одном из проектов. А о том как реализовать обработку файла на сервере можно прочитать тут:http://biznesguide.ru/tags/4
Да я и сам могу написать этот скрипт для обработки. Просто посоветовал автору сделать полноценный пост ОТ и ДО. А тут освещен лишь процесс ГУИ-выбора файлика, а полноценной загрузки не освещено.
Бесполезная статья — ничего нового, просто тупо копи паст. Согласен с Orcinus Orca.