Главная > Новости > flash multiupload files

flash multiupload files

В процессе написания очередного заказа впервые столкнулся с требованиями воткнуть на сайт мультизагрузчик изображений, вещь действительно нужная. Перелопатил много готовых решений, но самые классные из них как всегда платные. Обратился к священному писанию habrahabr’у и наковырял там интересную, но как всегда недоточенную напильником статью про плагин для jquery с flash мультизагрузчиком файлов http://www.uploadify.com

Плагин очень простой, без наворотов (что немного конечно печалит), но нужные рычаги имеет.

Качаем нужное тут http://www.uploadify.com/download/


<link href="/css/uploadify.css" type="text/css" rel="stylesheet" />

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

<script type="text/javascript" src="/js/jquery.js"></script>

<script type="text/javascript" src="/js/swfobject.js"></script>

<script type="text/javascript">

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

<input id="file_upload" name="file_upload" type="file" />

check.php


$fileArray = array();
foreach ($_POST as $key => $value) {
if ($key != 'folder') {
if (file_exists([путь к папке, куда закачиваются файлы] . $value)) {
$fileArray[$key] = $value;
}
}
}
echo json_encode($fileArray);

uploade.php


$targetFolder = [путь к папке, куда закачиваются файлы];

if (!empty($_FILES)) {
$tempFile = $_FILES['Filedata']['tmp_name'];
$targetPath = $targetFolder;
$targetFile = $targetPath . $_FILES['Filedata']['name'];

// Validate the file type
$fileTypes = array('jpg','jpeg'); // File extensions
$fileParts = pathinfo($_FILES['Filedata']['name']);

if (in_array($fileParts['extension'],$fileTypes)) {
move_uploaded_file($tempFile,$targetFile);
echo '1';
} else {
echo 'Invalid file type.';
}
}

После этих небольших манипуляций вы получаете загрузчик файлов, но в нем есть одна проблема, он не поддерживает сессию, покопавшись на форуме разработчиков (там как всегда решение есть, но оно у меня естественно не заработало) и применив любимый напильник, я нашел путь решения:

в код яваскрипта добавляем строку ‘scriptData': { ‘session': ‘<?php echo session_id();?>’},

$(document).ready(function() {
$('#file_upload').uploadify({
'uploader'    : '/i/uploadify.swf',
'script'     :'upload.php',

'scriptData': { 'session': '<?php echo session_id();?>'},
'checkscript'  : 'check.php',
'cancelImg'   : '/i/cancel.png',
'queueID'    : 'fileQueue',
'auto'      : true,
'multi'     : true,
'fileDesc'   : 'jpg',
'fileExt'   : '*.jpg',
'onComplete'   : function(event,queueID,fileObj,response,data) {$('#response').append(response);}
});
});

В php файлах обработчиках, если сессия уже была начата добавляем строку session_write_close(); , в ином случае нужно без нее:


if ($_POST['session']) {
session_write_close(); //если сессия уже стартовала ранее
session_id($_POST['session']);
session_start();
}

Вот теперь ваши обработчики будут видить сессию.

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники
Categories: Новости Tags:
  1. Max
    25 Январь 2011 в 20:02 | #1

    Спасибо за отличный пост – я уже полгода ищу мультиаплодер (сам программирую не столь четко чтобы переделать любой из тех что можно скачать), на фрилансе за мультиаплодер просили 200долл!!!

    А тут еще и описано как в него передавать переменные из пхп! В общем все что надо!)))

    Автор, ОГРОМНОЕ СПАСИБО!!!

  2. admin
    25 Январь 2011 в 20:12 | #2

    @Max
    да не за что, но чтобы не искать полгода есть прекрасный ресурс хабрахабр

  3. 26 Февраль 2011 в 11:49 | #3

    спасибо! возьму на заметку.
    Я пока не сталкивался с такой задачей, да и не дорос, как программист к ней, но с uploаdify уже сталкивался на уровне “интересно, как это работает”, т.е. просто разглядывал код – самый эффективный метод обучения! :)
    насчет хабра, кстати, согласен – чего там только нет!

  4. Евгений
    23 Март 2011 в 10:56 | #4

    Спасибо, человек! То же не получалось восстановить сессию, оказывается не хватало магического session_write_close() :)

  5. 29 Июль 2011 в 20:24 | #5

    Спасибо огромное, три дня ипался не знал как этот момент решить)

  6. 7 Октябрь 2011 в 13:11 | #6

    Спасибо за решение с сессией :)

  7. ZL0D3Y
    15 Октябрь 2012 в 00:19 | #7

    А чем не подошел drug’n’drop? Чем оправдано использование флеша?
    Куда проще написать на js аяксовский загружчик, который будет по одному или пачкой передавать файло , а разбирать его уже на сервере…

*