Javascript Jquery upload multiple-添加更多图像，而不是使用新上载更改旧上载

我正在构建一个web应用程序，可以通过jquery upload手动上传倍增，而不使用任何库，因此情况是，当我上传多个图像时，例如：3个图像（例如：image_1.jpg、image_2.jpg、image_3.jpg），我成功地获得了3个图像的预览，以下是我的js代码：

$('button#Images').on('change', function(){
    var filelists = this.files || [];        

    $.each(filelists, function(i, filelist){
        var reader = new FileReader();

        reader.onload = function (e) {
            $( '.preview-' + i ).html('<img class="image-preview" src="'+ e.target.result +'" width=75/>');                
        }
        reader.readAsDataURL(filelist);
    });                                         
});

$（'button#Images'）。在（'change'，function（）上{
var filelists=this.files | |[]；
$.each（文件列表，函数（i，文件列表）{
var reader=new FileReader（）；
reader.onload=函数（e）{
$（'.preview-'+i.html（''）；
}
reader.readAsDataURL（文件列表）；
});                                         
});

我的问题是，当我想添加更多图像时，例如（image_4.jpg，image_5.jpg），预览将更改为（image_4.jpg，image_5.jpg，）。我希望如果我单击按钮#images，那么旧图像不会被新上载文件替换，我希望它将旧上载与新上载结合起来，例如（image_1.jpg、image_2.jpg、image_3.jpg、image_4.jpg、image_5.jpg，）

有什么办法吗？ 对不起，我是新手

更新小提琴：

感谢您的帮助

var编号=0；
$（'#Images'）。在（'change'，function（）上{
var filelists=this.files | |[]；
$.each（文件列表，函数（i，文件列表）{
var reader=new FileReader（）；
reader.onload=函数（e）{
$（'.preview-'+number）.html（''）；
数字++；
}
reader.readAsDataURL（文件列表）；
});  
});

请添加您的html代码以帮助您解决问题或创建一个fiddle示例我已经更新了它例如sirah谢谢您的回答，预览正在工作，是否有解决方案让我使用它获取所有图像的formdata？格式化图像如中所示？