Инструкция под фото




Как это работает?


Фото загружается аяксом, далее мы перехватываем название файла и создаем url
нашей обычной картинки, потом создаем папку на сервере и сохраняем туда фото, в это время ,
наша исходная картинка копируется и на основе нее делаем уменьшенную копию( по ширине 10px, высота
берется пропорционально). Также берем название и создаем еще один url уже уменьшенной копии.
После этого мы сохраняем бд две ссылки 1) обычное фото 2) уменьшенная копия.
При открытии веб страницы сразу же видна уменьшенная копия, так как она мало весит и занружается незаметно для юзера,
в это время, в фоновом режиме загружается полная версия фотографии. После полной загрузки, фотографии подменяются

На примере снизу представлена рабочая версия подмены фото, еще ниже уменьшенная копия

Как протестировать?


Загрузите свое изображение через форму сверху
ВАЖНО!!!! фото должно называться либо английскими буквами, либо цифрами пример: dfsd.png sdf.jpg 1.png
После загрузки обновите страницу


Что добавить


-Валидация (проверка нзвания файла, если название не корректно, нужно переименовать)
-Удаление (удалять фотки с сервера и информацию из бд)
-удаление2 ( добавить новый интерфейс удаления фоток)
-Отображение ( AJAXом обновлять страницу, чтобы фотки сразу появлялись)
-Отображение2 ( если использовать сие творение для создания статей и блогов с картинками, нужно генерировать html код для вставки в текст )