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/
.
Лицензия: бесплатное использование.