Red Spirit

Все, кто проводят свое свободное время в социальной сети ВКонтакте знают как удобно там загружать свои фотографии – выбираешь сразу кучу фоток, они отображаются в браузере в виде списка, где их можно либо повернуть в любую сторону, либо совсем удалить, а потом нажатием одной кнопки все они загружаются на сервер вконтакта. Красота! Помимо всего прочего, этот загрузчик еще экономит время загрузки путем оптимизации фотографий на стороне клиента, сжимая через чур большие изображения.

Я захотел для своего сайта подобный загрузчик, начал искать готовые решения – не нашел. Тогда и решил взять и портировать этот самый вконтактовский загрузчик для своего сайта, к счастью, никаких защитных механизмов не оказалось. Сам загрузчик состоит только из одного SWF файла 195 кб весом, очень компактный надо сказать.

И так, что надо, чтобы поставить такой загрузчик себе?

1. Сам “свиф” файл загрузчика.
2. Библиотечку swfobject2.js для встраивания загрузчика в HTML-страницу (не обязательно).
3. Набор переменных (flashvars) для задания параметров загрузчика.
4. Скрипт для приема и загрузки файлов на стороне сервера, в нашем примере я приведу код такого скрипта на PHP.

Все вышеперечисленное я выкладываю в архиве, можете скачивать и сразу пользоваться.

В архиве есть файл index.html куда встраивается сам загрузчик, в нем же прописываются параметры для него, в частности можно изменить любой текст на свой (для локализации) и изменить такие параметры, как jpeg качество выходной фотографии, а также очень важные для нас параметры URL серверного скрипта для отправки файлов (upload_url) и URL страницы на которую будет происходить редирект после загрузки всех файлов (redirect_url).

Есть еще одна деталька, как вы помните, ВКонтакте загрузчик позволял загружать “только” до 50 фоток за раз (это на самом деле не мало), но мы можем изменить это число на любой другое с помощью параметра max_images. В своем примере я увеличил лимит до 100.

PHP код для приема файлов на сервере до безобразия прост, в минимальном варианте он будет выглядеть так:

Тут мы просто перечисляем все файлы, которые получили и сохраняем их в папку uploaded_files. Помните, что файлики передаются частями, скрипт вызывается каждые 4 файла, а о номере партии загрузки красноречиво говорит partNum, правда, на деле я этой переменной применения не нашел.

Вот так все и работает, если вам достаточно того, что предоставляет этот загрузчик, можете его использовать на своем сайте. А вот мне, как оказалось, он не подошел. Дело в том, что он все поступающие картинки конвертирует в JPG, а в моих планах обязательно надо загружать анимированые GIF-ы. Я надеялся, что смогу декомпилировать SWF файл и внести в него нужные мне изменения в Adobe Flash CS4, но ничего не получилось, вылавливаю кучу ошибок при обратной компиляции. Так что сейчас уселся за изучение Adobe Flex и ActionScript3, чтобы написать свой собственный вариант приложения пакетной загрузки файлов.

Забыл еще кое что… Этот загрузчик написал Андрей Рогозов за это ему спасибо! :)