Javascript 在占位符中内联查看多个上载图像

在通过html表单上传多个图像之前，我希望以内联方式查看它们，比如在我称为占位符的div中

多重上传方法是使用javascript生成新的浏览僵尸程序。因此，当单击一个botton时，将显示新的botton

以下是生成新僵尸的js代码：

我遇到的问题是，查看图像的js代码只能查看一个图像。当我浏览第二个图像时，它无法被查看

---

您必须对每个新创建的输入调用change函数，以便它在更改时显示预览。@dandavi如何做到这一点？我的js不太好打电话$r.change。。。和你为Image2做的一样，你能告诉我怎么做吗。我的js不是很好。

$(function(){
$('#image1').on('click',function(){
                var r= $('<input type="file" name="image2" id="image2"/>')
            .on('click',function(){
                var r= $('<input type="file" value="new button" name="third-image" id="third-image"/>')
            .on('click',function(){
                var r= $('<input type="file" value="new button" name="fourth-image" id="fourth-image"/>');
    $("form").append(r);
});;
    $("form").append(r);
});
    $("form").append(r);
});
}); 

<script type="text/javascript">
function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#blah').attr('src', e.target.result);
        }

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

$("#image1").change(function(){
    readURL(this);
});

<script type="text/javascript">
function readURL1(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#blah1').attr('src', e.target.result);
        }

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

$("#image2").change(function(){
    readURL1(this);
});

    <form id="formulir" method="post"  enctype="multipart/form-data" action="config-template-ecomerce.php">
    title-file<input  name="title" type="text" id="title"/><br>     
    color-one<input  name="color-one" type="text" id="color-one"/><br>

    <img id="uploadPreview" style="width: 100px;" /><br>

    image<input type="file" name="image1" id="image1"/><br>

    <img id="blah" src="#" style="width:300px;" />
    <img id="blah1" src="#" style="width:300px;" />
    <img id="blah2" src="#" style="width:300px;" />
    <img id="blah3" src="#" style="width:300px;" /><br>

    submit<input type="submit" name="button" id="button" value="Submit" />

</form>