Какие есть загрузчики фотографий (изображения+анимации gif), видео и аудио для сайта?

Question

[Денис Артемьев]

Здравствуйте.
Тема избитая, ищу загрузчик файлов на сайт.

Из требований:
1) Асинхронная загрузка
2) Безопасность загрузчика
3) Обрезка, поворот, создание миниатюры, переименование
4) Возможность загружать анимационные gif, аудио, видео
5) Drag and drop, прелоадер

В общем по поиску, либо вываливаются глаза от кода. Либо есть решения по частям.
Единственное, что я нашел это - jQuery File Upload.

Соответственно вопросы:
1) Если работали с jQuery File Upload, как он по безопасности? Долго ли в нем разбираться? И на сколько он мне подходит?
2) Если знаете подобные решения, посоветуйте что-нибудь стоящее. Буду признателен.

Comments

[Петро Бойко]

www.simplecoding.org/zagruzka-fajlov-s-pomoshhyu-s...

Answer 1

[Вячеслав]

Есть вот такое, довольно популярное решение.
Есть дока и демки на русском тут.
Правда, не уверен, что именно это вам нужно - возможно, вы ищете что-то более "высокоуровневое", тут все-таки надо под себя адаптировать/встраивать.

Comments

[Денис Артемьев]

Большое спасибо за ответ. Очень понравились возможности FileAPI. У пользователя RubaXa хорошие плагины) Сначала прочел его первую статью про этот плагин, страшно со всем этим было разбираться. А теперь Вы скинули ссылку, и я понял, что разобраться реально.
Буду пробовать, случайно нету примера этого плагина уже с серверной частью?

[Вячеслав]

Денис Артемьев: там, кстати, где-то и пример серверной части есть. :)
https://github.com/mailru/FileAPI/tree/master/server вот тут.
там два файлика - один сам скрипт обработчик загрузки, а второй - вспомогательный класс (FileAPI.class.php)

[Денис Артемьев]

Вячеслав: спасибо) Буду разбираться)

Answer 2

[Павел Логачев]

1) Для асинхронной загрузки я использовал jQuery File Upload. Вообще решений очень много, но они не так что "установил и заработало" - со всеми много возни. Этот мне показался наиболее достаточным.
2) Что значит "безопасность"? Авторизация? Сами файлы вы все равно проверяете на сервере, на клиенте можно проверить лишь размер и тип файла (если речь идет об изображениях).
3) Это все на сервере делается. В комплекте с клиентской частью обычно если что-то и идет, то в очень примитивной форме. Для упрощения возни с изображениями можно использовать WideImage.
4) Файл есть файл - будь он gif/avi/mp3/exe - не имеет значения. Любые файлы будут загружаться, просто для изображений можно выводить превью до загрузки на сервер.

Вообщем, для клиентской части jQuery File Upload вполне подойдет. Долго ли вам разбираться? От вас зависит, но разбираться придется. Доки есть, примеры есть, логика понятная.
Для серверной части пишу всегда все сам, ибо интегрировать с текущим проектом зачастую если и возможно, то получается не очень красиво.

Comments

[Денис Артемьев]

Спасибо за ответ. Что jQuery File Upload, что FileAPI (из ответа выше), это все клиентские решения, я Вас правильно понимаю?
На самом деле у меня с пониманием этой части есть проблемы. Получается при выборе файла пользователя, на его клиентской части мы можем узнать размер и тип файла, а сделать с этими файлами можем все что нам позволяет плагин, который мы используем.
Затем, человек нажимает кнопку "Загрузить", обработанные файлы нужного нам типа и размера отправляются на сервер. И с помощью php мы должны проверить эти файлы досконально (начитавшись статей, решил что это так:) ) - на вредоносный код, на расширение, опять проверить размеры и т.д. и т.п
Вот хочу у Вас спросить, правильно ли я понимаю принцип загрузки?
И если Вам не сложно, есть ли у Вас пример загрузки с помощью jQuery File Upload + серверная часть, буду очень рад :)

[Павел Логачев]

Касательно клиентской части: что jQuery File Upload, что FileAPI, что любое другое решение обычно использует одно и тоже и различается лишь поддержкой "неправильных" браузеров и набором фич. Если вам не столь принципиальна кроссбраузерность - то просто берите то, в чьем мануале проще разобраться.
Да, это клиентские решения, хотя у этих проектов на githubе есть куски сервероного кода - для начала можете воспользоваться ими.
Боюсь я не смогу в двух словах описать как встроить загрузчик. Но суть в том что из-за многообразия браузеров одни нативные решения могут напрочь отсутствовать в других браузерах, потому подобные плагины призваны убрать эту головную боль с поддержкой, предоставляя единое решение для всех браузеров.

Эти плагины работают через события, на которые вы можете навешивать все что угодно - от вывода превью изображения и обрезки его на клиенте (без необходимости загрузки на сервер, хотя по факту вы не изображение обрезаете, а лишь получаете координаты, по которым будете обрезать на сервере) до красивого прогрессбара. Когда вы получаете файл вы частично получаете о нем информацию (название файла, размер, тип..), но на проверки на клиенте ориентироваться не стоит - всегда проверяйте все на сервере.
На "вредоносный код" файл обычно не проверяют. Проверяют на соответствие требованиям - т.е. если ожидается изображение, то файл обязан быть изображением - в противном случае сообщаем об ошибке. На php это можно проверить с помощью функции getimagesize(), которая возвращает наиболее достоверный mime-type. На расширение вообще можете не смотреть - назвать файл можно как угодно и это вовсе не говорит о его типе. Чтобы быть полностью спокойным следуйте еще одному правилу - загружаемые файлы должны лежать в директории, из которой запрещено выполнение скриптов. Тогда даже если кто-то и загрузит php-файл - он все равно не запустится.

Пример загрузки, увы, показать не могу - он находится в приватной части сайта и серверная его часть неотделима от движка. Но примеры есть в доках: https://github.com/blueimp/jQuery-File-Upload/wiki...

[Денис Артемьев]

Большое спасибо за ответ)