FancyUpload — загрузка нескольких файлов (multiple file upload) часть 2
Совсем недавно в предыдущей статье я рассматривал пример одновременной закачки нескольких файлов на сервер средствами PHP, JavaScript и Java.
Сегодня хочу Вам показать еще один пример реализации нескольких одновременных файловых закачек — FancyUpload — Swiff meets Ajax (v2.0) . Мне понравилась та особенность, что можно в качестве фильтра файлов использовать лишь картинки и изображения. Этого всегда не хватало для Веб-программистов.
Плюсы: есть анимированный прогресс-бар, очень легко устанавливается, является серверо-независимым, полностью стилеизменяем при помощью CSS и XHTML MooTools, работает во всех современных браузерах.
Рекомендую посмотреть и по возможности попробовать применить. Демо пример можно посмотреть здесь
Скрипт можно скачать отсюда
Читайте ещё похожие статьи на этом сайте:
- PHP — Загрузка нескольких файлов (multiple file upload)
- PHP дробная часть числа
- KCFinder — файловый менеджер
- Изменение вида Apache-директории средствами PHP
- EditArea — JavaScript редактор исходного кода
(Без рейтинга)
Loading ...Если Вам понравилась эта статья, пожалуйста оставьте свой комментарий или подпишитесь на RSS-канал и получайте в будущем статьи на RSS Reader.
ты не мог бы поподробнее описать как это сделать. желательно с примером самих скриптов
Уже не помню точно, но кажется действовать нужно по такой вот схеме:
1. Подключить JS-файлы
«mootools.js»
«Swiff.Uploader.js»
«Fx.ProgressBar.js»
«FancyUpload2.js»
Скачать Swiff.Uploader.swf
2. Добавить в HTML форму INPUT и назначить ей ID
3. Вставляется JS код, который заменит по ID обычный INPUT на новый при загрузке стр.
window.addEvent(‘load’, function() {
new FancyUpload($(‘id_input’), { /* options */ });
});
4. Остальная часть — это уже PHP, который вызывается через Ajax: пример можно посмотреть тут
http://digitarald.de/project/fancyupload/2-0/showcase/photoqueue/
ребята, помогите разобраться, не могу открыть файл upload.fla с помощью flash 8
Хм… Чё то их сай у меня криво открывается
Было бы круто получить код с русскими комментариями
Добрый день. Спасибо за статью, очень пригодилась. Попытался перевести приведенный скрипт на русский. Все бы ничего, если бы не одна загвоздка. Через AJAX упорно не хочет передавать сообщения кириллицей. Например,
>$result['result'] = ‘failed’;
>$result['error'] = ‘Произошла ошибка.’;
Ни в какую не передает эту строку. Подскажите, как быть.
Попробуйте сохранить скрипт в кодировке UTF-8. Воспользуйтесь текстовым редактором Notepad++.
А у меня пишет ошибку когда пытаюсь нажать на Browse кнопку:( в фаерфоксе и опере. Может это из-за того что у меня линукс? О_о
…Через AJAX упорно не хочет передавать сообщения кириллицей. Например,
>$result['result'] = ‘failed’;
>$result['error'] = ‘Произошла ошибка.’;
Ни в какую не передает эту строку. Подскажите, как быть.
Mootools (да и вообще все скрипты с XMLHttpRequest) передают данные в UTF-8. Чтобы все нормально было, элементарно на PHP делается $final_message = iconv(«UTF-8″, «windows-1251″, $result['error']);
Короче нужно конвертировать данные в другую кодировку и все будет нормально.
У меня тоже Linux. При нажатии на Browse тоже пишет ошибку, но на оригинальном сайте демо работает. Что-то тут не так… Ошибку находит в либах Mootools, типа неопределена функция ___flash_argumentstoXML… или типа того, не помню уже.
Что делать? Кто-нибудь встречался с этой проблемой и есть ли возможность решить? В чем дело?
Кажется разобрался =)
Не работало все потому что у меня Flash 10.
Там на сайте есть версия, которая пофиксена и работает на Flash 9 и Flash 10. Однако это не все.
Если скачать архив и смотреть демку, она не работает, так как демка все равно для Flash 9. Чтобы это дело исправить нужно добавить буквально пару строк.
Вот исправленная версия, для Flash 9 и 10:
http://digitarald.de/project/fancyupload/2-0/showcase/photoqueue-fixed/
Там можно посмотреть исходник и сравнить с исходником демки, внести нужные изменения и все будет норм.
Так что теперь у меня все работает. Flash 10 не поддерживает swiffy.browse(). Вместо этого нужно в аргумент target внести id линка для открытия диалога выбора файлов.
target: ‘demo-browse’
Так что вот такие дела. Все работает.
Подскажите, плз, как убрать загрузку FireBug?
попробовал поставить не смог
не могу сообразить почему!
всё делал как надо! ((