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

Question

этот код работает для одного изображения, но мне нужно сделать это несколько, поэтому помогите мне изменить этот код

Answer 1

Если вы хотите выбрать несколько файлов изображений и показать его на DOM! тогда вы можете сделать что-то вроде этого: я думаю, это то, что вы ищете

HTML:

<input type="file" multiple id="gallery-photo-add">
<div class="gallery"></div>

JS:

<script>

$(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('<img>')).attr('src', event.target.result).appendTo(placeToInsertImagePreview);
                }

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

    };

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

</script>