$("input[id='photo']").on("change", function() {
var $input = this.files;
var data = new FormData($('form')[0]);
$.each( $input, function( key, value ){
data.append( key, value );
.
.
.
});
Данная функция работает. Через Ajax загружаю картинки на сервер, потом они отображаются у пользователя.
Реализовал функцию удаления картинки, работает хорошо, нет проблем.
Но есть загвоздка в том, что если загрузить картинку, после того как загрузится, удалить, и попытаться снова загрузить туже самую картинку, то событие не срабатывает, а если взять другую картинку, загружает её спокойно, и потом уже можно загрузить ту удаленную.
Если не обращать внимания на удаление, а скажем так, попытаться после загрузки картинки, снова её же загрузить, событие тоже не срабатывает.
P.S. Попытался описать как можно лучше