Javascript 单击按钮后，创建一个div，上载一个图像，并将该图像放入div（可以多次执行）。我如何做到这一点？

到目前为止，我创建了一个div和一个映像。但是，图像包含一个ID。第一次，它创建一个DIV并向其中添加一个图像。但当您再次单击按钮（fileupload按钮）时，它只会更改创建的第一个div中的图像

旁注：main2是我试图将创建的DIV添加到的DIV

将包含已创建div的主div：

<div id="main2">  

---

每次都需要动态创建一个新ID

var idseq=0;
function readURL(input) {

    var containerId = 'insertedImage-'+idseq;
    idseq++;

    var newDiv = document.createElement('div');
    newDiv.setAttribute('class', 'main2div')
    var newImg = document.createElement('img');
    newImg.setAttribute('id', containerId)
    var addHere = document.getElementById('main2');
    addHere.appendChild(newDiv);
    newDiv.appendChild(newImg);

        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function (e) {
                document.getElementById(containerId).src =  e.target.result;

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

---

为什么要在dom中搜索您刚刚创建并已经有引用的元素？@charlietfl我直接修改了修改过的asker代码，以使更改更明显、更容易访问。

function readURL(input) {

    var newDiv = document.createElement('div');
    newDiv.setAttribute('class', 'main2div')
    var newImg = document.createElement('img');
    newImg.setAttribute('id', 'newimg')
    var addHere = document.getElementById('main2');
    addHere.appendChild(newDiv);
    newDiv.appendChild(newImg);

        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function (e) {
                document.getElementById('newimg').src =  e.target.result;

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

var idseq=0;
function readURL(input) {

    var containerId = 'insertedImage-'+idseq;
    idseq++;

    var newDiv = document.createElement('div');
    newDiv.setAttribute('class', 'main2div')
    var newImg = document.createElement('img');
    newImg.setAttribute('id', containerId)
    var addHere = document.getElementById('main2');
    addHere.appendChild(newDiv);
    newDiv.appendChild(newImg);

        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function (e) {
                document.getElementById(containerId).src =  e.target.result;

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