Я хочу отображать предварительный просмотр изображения при изменении ввода файла. Итак, я создаю элемент Image с помощью JavaScript и хочу обернуть его внутри div, чтобы отобразить кнопку закрытия. Для этого я написал следующий код:
preview(event, imageList) {
let imgLen = event.target.files.length;
if (imgLen > 0) {
for (let i = 0; i < imgLen; i++) {
let myImage = new Image(100, 100);
myImage.src = URL.createObjectURL(event.target.files[i]);
myImage.setAttribute('style', 'margin: 5px');
imageList.appendChild("<div>" + myImage + "</div>");
}
}
}



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Использовать этот:
var divNode = document.createElement('DIV');
divNode.appendChild(myImage);
imageList.appendChild(divNode);
preview(event, imageList) {
let imgLen =event.target.files.length;
if (imgLen > 0) {
for (let i = 0; i< imgLen; i++) {
let myImage = new Image(100, 100);
myImage.src = URL.createObjectURL(event.target.files[i]);
let div = document.createElement('div');
div.appendChild(myImage);
myImage.setAttribute('style', 'margin: 5px');
imageList.append( myImage);
}
}
Просто добавлю: вам не нужно условие
if (imgLen > 0), поскольку цикл for даже не запустится, еслиimgLen < 1и выйдет из строя.