Javascript 在单个页面上预览多个图像

此代码覆盖多个输入标记的图像 图像预览显示在所有标签的底部 我试了很多

我想在一个页面上预览多个图像。 请告诉我如何循环使用此脚本

if（window.FileReader）{
var reader=new FileReader（），
rFilter=/^（图像\/bmp（图像）中的图像\/bmp（图像）中的图像\/bmp（图像）中的图像\/bmp（图像\/bmp（图像）中的图像\/bmp（图像\/bmp（图像）中的图像\/bmp（图像\/bmp（图像）中的图像\/bmp（图像\/bmp（图像）图像\/bmp（图像\/bmp（图像）中的图像\/bmp（图像）图像\/bmp（图像\/bmp（图像）中的图像\/bmp（图像\/bmp（图像\/bmp（图像）中的图像\/bmp/bmp（图像\/bmp（图像\/bmp）图像\/bmp（图像\/bmp）中的）图像\/bmp（图像\/bmp（图像\/bmp）中的）图像\/bmp（图像\/bmp（图像）中的）中的图像\/bmp（图像）中的b | image\/x-xbitmap | image\/x-xpixmap | image\/x-xwindowd（ump）$/i；
reader.onload=函数（OFRENT）{
preview=document.getElementById（“uploadPreview1”）
preview.src=ofretent.target.result；
preview.style.display=“block”；
};
函数doTest1（）{
if（document.getElementById（“myfile1”）.files.length==0）{
返回；
}
var file=document.getElementById（“myfile1”）.files[0]；
if（！rFilter.test（file.type））{
警报（“您必须选择有效的图像文件！”）；
返回；
}
reader.readAsDataURL（文件）；
}
reader.onload=函数（OFRENT）{
preview=document.getElementById（“uploadPreview2”）
preview.src=ofretent.target.result；
preview.style.display=“block”；
};
函数doTest2（）{
if（document.getElementById（“myfile2”）.files.length==0）{
返回；
}
var file=document.getElementById（“myfile2”）.files[0]；
if（！rFilter.test（file.type））{
警报（“您必须选择有效的图像文件！”）；
返回；
}
reader.readAsDataURL（文件）；
}
}否则{
警报（“未找到FileReader对象：（\n尝试使用Chrome、Firefox或WebKit”）；
}

只是一点提示：您编写reader.onload处理程序函数太多了。这就是为什么图像总是显示为uploadPreview2 img的src。

doTest（index）

然后

var file=document.getElementById（“myfile”+index）.files[0]；

或者使用

doTest（this）