jQuery Uploadify это плагин для jQuery использующий флеш для загрузки файлов. Среди достоинств плагина можно отметить то, что он легко встраивается, может пакетно загружать сразу несколько файлов и прост в применении.

Использовать плагин просто, сначала нужно подключить скрипты:

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.uploadify.v2.1.0.min.js"></script>
<script type="text/javascript" src="swfobject.js"></script>

Далее выставляем настройки плагина:

$(document).ready(function() {
$("#uploadify").uploadify({
'uploader' : 'uploadify.swf',
'script' : 'functions.php',
'checkscript' : 'check.php',
'cancelImg' : 'cancel.png',
'queueID' : 'fileQueue',
'auto' : true,
'multi' : true,
'fileDesc' : 'jpg',
'fileExt' : '*.jpg',
'onComplete' : function(event,queueID,fileObj,response,data) {
$('#response').append(response);
}
}); });

Об основных свойствах и параметрах можно почитать в официальной документации.

Далее вставляем после тэга <body> в том месте, где должен быть установлен загрузчик:

<div id="fileQueue"></div>
<input type="file" name="uploadify" id="uploadify" />
<p><a href="javascript:jQuery('#uploadify').uploadifyClearQueue()">Отменить загрузку</a></p>

Собственно и все, плагин готов к работе. Скачать и посмотреть демо можно на официальной странице плагина.

(Visited 624 times, 1 visits today)