Jquery 单击图像列表中的图像可在主div中显示单击的图像

在使用jquery将上传的图像保存到yii中的数据库之前，我已经实现了多个文件上传和预览

但我也需要一个条件

在最多3次和最少1次文件上载时需要。我确实搜索了，但找到了符合我要求的

希望将代码重用为foreach以进行多次上载

单击图像（id的blah1，blah2）在第一个div中显示该图像，以进行预览

我确实试过了，但发现没用

看法

$（文档）.ready（函数（）{
var预览=$（“废话”）；
var preview1=$（“#blah1”）；
var preview2=$（“#blah2”）；
$（“#输入”）.change（函数（事件）{
变量输入=$（event.currentTarget）；
var file=输入[0]。文件[0]；
var reader=new FileReader（）；
reader.onload=函数（e）{
image_base64=e.target.result；
preview.attr（“src”，image_base64）；
};
reader.readAsDataURL（文件）；
});
$（“#imgInput1”）.change（函数（事件）{
变量输入=$（event.currentTarget）；
var file=输入[0]。文件[0]；
var reader=new FileReader（）；
reader.onload=函数（e）{
image_base64=e.target.result；
预览1.attr（“src”，图像_base64）；
};
reader.readAsDataURL（文件）；
});
$（“#imgInput1”）。单击（函数（事件）{
变量输入=$（event.currentTarget）；
var file=输入[0]。文件[0]；
var reader=new FileReader（）；
reader.onload=函数（e）{
image_base64=e.target.result；
preview.attr（“src”，image_base64）；
};
reader.readAsDataURL（文件）；
});
$（“#imgInput2”）。更改（函数（事件）{
变量输入=$（event.currentTarget）；
var file=输入[0]。文件[0]；
var reader=new FileReader（）；
reader.onload=函数（e）{
image_base64=e.target.result；
preview2.attr（“src”，图像_base64）；
};
reader.readAsDataURL（文件）；
});
});

---

有人能帮我解决这个问题吗？请帮忙！如果你们中间有人知道……，请告诉我。。。。。。。。谢谢

条件1

**1)* required at max 3 and minimun 1 file uploads. 

如果您正在使用cmultipileupload上载yii中的文件，则可以使用max属性告知您可以上载的最大文件数。点击

第二件事

如果要将最小文件数设置为1，则可以根据需要在规则中定义该属性

**1)* required at max 3 and minimun 1 file uploads.