Отображение нескольких изображений перед их загрузкой с помощью jquery и ajax ⇐ Jquery

[Anonymous]

Я пытаюсь просмотреть несколько изображений, прежде чем загружать их на свой сайт. Хотя у меня почему-то не работает. Я не получаю никаких ошибок в консоли. Ниже приведен JS для него,

Код: Выделить всё

$(function() {
// Multiple images preview in browser
var imagesPreview = function(input, placeToInsertImagePreview) {

if (input.files) {
var filesAmount = input.files.length;

for (i = 0; i < filesAmount; i++) {
var reader = new FileReader();

reader.onload = function(event) {
$($.parseHTML('[i]')).attr('src', event.target.result).appendTo(placeToInsertImagePreview);
}

reader.readAsDataURL(input.files[i]);
}
}

};

$('#gallery-photo-add').on('change', function() {
imagesPreview(this, 'div.gallery');
});
});

Это HTML

Код: Выделить всё

Upload

Будем благодарны за любую помощь, спасибо

Подробнее здесь: https://stackoverflow.com/questions/486 ... y-and-ajax