Загрузчик изображений с превью на HTML5. Превью без загрузки

Здравствуйте, уважаемые!

Есть острая необходимость создать на сайте возможность загружать аватары. Но не как не могу разобраться. Уже третий день подряд по шесть часов за компом сижу, перебираю статья, примеры и готовые решения и не могу понять. Найти подходящего готового решения также не могу.

Собственно, что нужно?

Вот главные требования к загрузчику:

1. Drag and Drop область получения изображения.
2. Возможность и простого выбора изображения "выбрать файл".
3. При выборе файла на экране отображался это изображение без загрузки на сервер.
4. Ресайз изображения по выбранной области выделенной на привью.
5. Загрузка на сервер только выбранной области.
6. Записать адрес загруженного изображения в базу данных пользователю "User" -> "avatar" (MYSQL)

Ну и желательно создать миниатюру также по области выбраной пользователем.

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

Очень прошу помочь, составить, или найти подходящий скрипт. Это отличная возможность почесать свой мозг, свой то я уже третий день чешу

Приношу извинения, если создал тему не там где нужно.

0

Так кто-то может дать ответ?

0