Индикатор загрузки файлов на сервер

Полезная связка JavaScript и FLASH для загрузки файлов на сервер с отображением индикатора. Предлагаю Вам видоизмененый общий перевод данной статьи. Возможно, он поможет Вам установить этот скрипт.

Возможности этого скрипта для загрузки файлов

1. Выбор и загрузка нескольких файлов, индикатор загрузки файлов на сервер
2. Фильтр файлов по типам в окне диалога выбора файлов
3. Отображение размера файла до его загрузки
4. Для работы нужен всего лишь флеш версии 8+
5. Остановка загрузки, добавление файлов в очередь во время загрузки

Скрипт загрузки файлов на сервер заменяет обычный элемент выбора файла (небольшое поле с кнопкой "Обзор...") на то, что Вы можете указать при помощи метода createReplacement. Скрипт имеет множество настроек и по умолчанию настроен на множественную загрузку изображений, оформленную в виде очереди.

Нектороые замечания по установке

• Запрос, отправляемый swf файлом не содержит информации о данных из cookie, либо дополнительной информации, которую нужно отправить post запросом. Есть только информация о файле в $_FILES['Filedata'] с некорректным типом отправляемых данных (application/octet-stream, а не image/gif, например, если Вы загружаете gif картинку). Если необходимо передавать ID сессии, то это нужно делать в get запросе, который отправляется файлу для загрузки. (например, "upload.php?SESSID=123456789abcdef").
  
  
• Если скрипт загрузки файлов на сервер работает некорректно (элемент для загрузки файлов не заменился на то, на что Вы его заменяете методом createReplacement) то проверьте при помощи Firebug на вкладке Net/_Flash_, загрузился ли необходимый SWF файл.
  
  
• IE определяет адрес скрипта для обработки отправленных данных (upload.php) относительно swf файла, а все остальные браузеры, относительно текущей страницы. Поэтому, вписывайте абсолютный путь к обработчику данных отправленной формы (в атрибуте action формы), где планируется замена элементов для загрузки файлов.
  
  
• SWF файл обычно вставляется после тега . В Firefox могут быть ошибки, если объект вставлен в невидимой области экрана. Нужно будет проскроллить страницу до того момента, когда этот объект сможет инициализаироваться. В IE могут быть ошибки, если SWF объект спрятан в невидимый блок.
  

После этого перевода, примеры загрузки файлов на сервер легко поддаются изучению даже на английском языке :) Описание FancyUpload находится здесь. Чтобы посмотреть, как это сделано по-настоящему, рекомендую смотреть исходный HTML код данного примера.

Вам понядобятся 4 файла для данного скрипта: FancyUpload.js, Swiff.Base.js, Swiff.Uploader.js и Swiff.Uploader.swf. Ну и конечно же mootools :) Ссылки на них можно найти на странице описания этого скрипта либо на странице, демонстрирующей работу этого скрипта.