[announce]Удобный плагин для загрузки файлов на сервер. [/announce]
Дескрипшон
http://www.uploadify.com — удобный инструмент если нужно быстро создать в CMS возможность загрузки нескольких файлов.Плагин для JQuery.
+ Прост, симпатичен, удобен в настройке и интерграции.
— Не получается поменять дизайн кнопки, при нажатии на которую открывается окошко для выбора файлов.
Файлы
<script type="text/javascript" src="http://aa/admin/spaw2/empty/jquery.uploadify.v2.1.0.min.js"></script>
<script type="text/javascript" src="http://aa/admin/spaw2/empty/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,dat{$('#response').append(response);} });
});
Настройки
uploader — путь до самого флэш загрузчика uploadify.swf
script — это путь до нашего файла обработчика, у меня это файл functions.php, но в архиве с библотекой он именуется как uploadify.php.
checkscript — путь до скрипта, который будет проверять наш файл до загрузки его на сервер. В файле, идущем в архиве с плагином, проверяют существования файла с таким же именем на сервере.
cancelImg — путь до картинки, которая будет символизировать удаления файла.
queueID — id элемента, в котором будет содержаться список выбранных нами файлов. По умолчанию он создаётся ниже браузерной кнопки выбора файла.
auto — параметр, отвечающий, будут ли файлы загружаться автоматически сразу после их выбора, или нет. Если стоит значение false, то для начала загрузки можно использовать этот код:
<a href="javascript:$('#uploadify').uploadifyUpload();">Загрузить файлы.</a>
Естественно, можно повесить вместо ссылки картинку или кнопку, тут уже на Ваш выбор.
multi — будет ли наш плагин служить для загрузки нескольких файлов, иль не будет.
fileDesc — типы файлов в диалоге выбора.
fileExt — расширения файлов, разрешенных для загрузки. Незабываем добавить эти типы файлов и в fileDesc, иначе не сможете выбрать эти файлы в диалоговом окне.
onComplete — функция, которая будет вызвана сразу после загрузки файла. Данная функция будет вызываться каждый раз, как будет загружен очередной файл.
onAllComplete — функция, которая будет вызвана сразу после загрузки всех файлов.
buttonText — текст на кнопке (на время написания этого текста на кнопки могла отображатся только надпись на английском языке).
Дока — http://www.uploadify.com/documentation/
Плагин — http://www.uploadify.com
Источник — http://habrahabr.ru/blogs/jquery/71772/
