如何在使用javascript上传html格式的图像时显示多个缩略图？

函数readURL（输入）{
if（input.files&&input.files[0]）{
var reader=new FileReader（）；
reader.onload=函数（e）{
$（“#文档上传”）
.attr（'src'，e.target.result）
};
reader.readAsDataURL（input.files[0]）；
}
}

>Blockquote

问题在于ID必须是唯一的。在本例中，我添加了一个名为

document up

的属性，它可以正常工作。在这种情况下，可以使用属性或类选择多个元素

函数readURL（输入，选项）{
if（input.files&&input.files[0]）{
var reader=new FileReader（）；
reader.onload=函数（e）{
如果（选项==1）{
$（“#文档上传1”）
.attr（'src'，e.target.result）
}否则{
$（“文档上传2”）
.attr（'src'，e.target.result）
}
};
reader.readAsDataURL（input.files[0]）；
}
}

这里有一种方法可以处理任意数量的图像，每个文件选择器可以处理任意数量的图像

您只需使用表单包装#previewHolder div并处理其提交

函数newEl（tag）{returndocument.createElement（tag）}
函数byId（id）{return document.getElementById（id）}
函数allByTag（tag，parent）{return（parent==未定义？文档：parent）.getElementsByTagName（tag）}
//适用于HtmlCollection、NodeList和字符串类型
函数forEach（array，callback，scope）{for（vari=0，n=array.length；IIT工作，但上传了相同的图像。我想要不同的image@user31502，我为您的案例编辑了代码，传递了一个选项以查找图像的目标。