ajax загрузка фото

Есть форма в которой есть одно поле для загрузки фото. Задача стоит в том чтоб всю форму отправить по средствам ajax, при этом когда выбирают фото для загрузки оно должно отобразиться на странице до отправки всей формы. Соответственно для отображения фото надо его загрузить. Как быть в этом случае если пользователь всю форму не сохранил и ушел с данной страницы. Как же тогда удалить все фото которые не отображаются на страницах сайта? есть конечно такая мысль, раз в день запускать скрипт который бы сравнивал фото которые загружены и названия фото которые хранятся в базе, которые не найдены их удалять. А если база например на 1000000 записей, тогда нагрузка на базу наверно большая будет? как можно вот эти фото удалять или сделать чтоб фото сохранялось только после того как нажата кнопка "отправить"

Прим. такое у меня сделано... Пользователь выберает фото, они попадают в папку tmp и на странице выводяться, и только после отправки формы делается запрос в БД на сохранение...

P.S. Сохранение в БД я делаю только по одному полю is_photo, где ото 1 или 0. Ну а вывод делаю через scandir(). Понимаю scandir() не быстро работает, но что-бы снизить нагрузку сканирование файлов иерархия файлов у меня такая...
/фото
/фото/год
/фото/год/месяц
/фото/год/месяц/дата
/фото/год/месяц/дата/АД_Материала

kuller, а можно погуглить на тему File API и URL.createObjectURL() и ничего лишнего не слать на сервер

по гуглил. Нашел даже такое что на html5 можно сделать предварительный просмотр изображений выбранных в input file. Только вот как... не могу найти

kuller, а второй набор непонятных для вас слов не пробовали смотреть? который URL.createObjectURL() особенно на MDN

(Отредактировано автором: 25 Апреля, 2016 - 19:37:32)

У меня сделано JS, выбираешь файлы они сразу отображаются списком без загрузки (естественно в масштабе), на каждом по желанию можно выделить область для загрузки, и только после нажатия кнопки загрузить они уже загружаются и обрабатываются.
вот кусок из моего кода

3d_killer, а не проще без созданий объектов, колбеков вызвать URL.createObjectURL(files) и получить строку? Не говоря о размере занимаемой памяти

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