javascript - 在 JavaScript 中预览上传的图像

Question

我正在尝试在页面上显示一组上传的图像，但出现了问题。因此，我的代码为每个上传的图像创建单独的 div，并将每个图像设置为每个 div 的背景图像。问题是只有最后一个 div 得到它的图像，其他的保持空。

这是我的代码：

showImages(e.dataTransfer.files);
function showImages(files) {

    const imagesdiv = document.getElementById('imagess')

    Array.from(files).forEach(file => {

        const reader = new FileReader();

        mydiv = document.createElement('div');
        mydiv.classList.add('imagein');

        reader.readAsDataURL(file);
        reader.onload = () => {mydiv.style.backgroundImage = `url('${reader.result}')`;};

        imagesdiv.appendChild(mydiv);

    });
}

标签： javascript