Javascript 动态创建输入字段

我已经动态创建了输入字段。选择文件后，我想预览每个图像。但我只能预览第一个。运行下面的代码片段来理解我。 如果有人能帮助我，我会很高兴的

$（文档）.ready（函数（）{
$（“#图像浏览”）.change（函数（）{
var File=this.files；
if（文件和文件[0]）{
ReadImage（文件[0]）；
}
})
})
var ReadImage=函数（文件）{
var reader=新文件读取器；
var图像=新图像；
reader.readAsDataURL（文件）；
reader.onload=函数（\u文件）{
image.src=\u file.target.result；
image.onload=函数（）{
var高度=此高度；
var-width=这个.width；
var type=file.type；
变量大小=~~（file.size/1024）+“KB”；
$（“#targetImg”）.attr（'src'，_file.target.result）；
$（“#说明”）.text（“大小：+Size+”、“+height+”X“+width+”、“+type+”）；
$（“#imgPreview”）.show（）；
var html=''；
html+='

您觉得这个解决方案怎么样

$（文档）.ready（函数（）{
attachFileChangeHandler（）
})
函数attachFileChangeHandler（）{
$（“.imageBrowse”）.change（函数（）{
var File=this.files；
if（文件和文件[0]）{
ReadImage（$（this.parent（）.parent（），文件[0]）；
}
})
}
函数createNewFileInput（）{
var html=''；
html+=`
您觉得这个解决方案怎么样


$（文档）.ready（函数（）{
attachFileChangeHandler（）
})
函数attachFileChangeHandler（）{
$（“.imageBrowse”）.change（函数（）{
var File=this.files；
if（文件和文件[0]）{
ReadImage（$（this.parent（）.parent（），文件[0]）；
}
})
}
函数createNewFileInput（）{
var html=''；
html+=`