Почему при загрузке нескольких фото, название под фото одно и то же?

Question

[z_u_l]

Делаю загрузку нескольких файлов.

Ссылка на пример

При выборе нескольких файлов с разными названиями - название под картинкой почему-то одно и то же, хотя в консоли названия фото отображаются верно. Почему так происходит?

Comments

[0xD34F]

погуглите, в чём разница между var и let/const

[twobomb]

используйте let selectedFile

[z_u_l]

0xD34F twobomb Спасибо!

Answer 1

[Иван Клименко]

Вот так будет выглядеть более-менее правильный вариант:

$(() => {
    const imagesPreview = (input, container) => {
        if (input.files) {
            for (const file of input.files) {
                const reader = new FileReader();
                reader.onload = e => {
                    $($.parseHTML('<img>')).attr('src', e.target.result).appendTo(container);
                    $($.parseHTML('<div>')).text(file.name).appendTo(container);
                }
                reader.readAsDataURL(file);
            }
        }

    };
    $('#gallery-photo-add').on('change', e => imagesPreview(e.currentTarget, 'div.gallery'));
});