♛ FORTRESS-DESIGN

HTML5 jQuery скрипт файлового загрузчика

HTML5 jQuery скрипт файлового загрузчика
HTML5 jQuery скрипт файлового загрузчика


JQuery HTML5 загрузчик — это простой jQuery-плагин, подключив коотрый в веб-приложение или сайт, можно легко и удобно загружать файлы на подобие того как это реализовано в Gmail. Плагин поддерживает технологию drag and drop и загрузку нескольких файлов одновременно.

Чтобы использовать функционал плагина, нужно создать dropbox-элемент (например, div). После этого можно перетащить один или несколько файлов в эту область и файлы будут загружаться.

Подключение скрипта

<code>&lt;script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"&gt;&lt;/script&gt;</code>
<code>&lt;script type="text/javascript" src="js/jquery.html5uploader.min.js"&gt;&lt;/script&gt;</code>
<code>&lt;script type="text/javascript"&gt;</code>
<code>$(function() {</code>
<code>	$("#dropbox, #multiple").html5Uploader({</code>
<code>		name: "foo",</code>
<code>		postUrl: "bar.aspx"</code>
<code>	});</code>
<code>});</code>
<code>&lt;/script&gt;</code>
<code>&lt;div id="dropbox"&gt;&lt;/div&gt;</code>
<code>&lt;input id="multiple" type="file" multiple&gt;</code>

Совместимость: протестирован в Firefox и Chrome.
Веб-сайт: //www.igloolab.com/jquery-html5-uploader/.
Лицензия: бесплатное использование.


Перейти к верхней панели