动态图像到数据返回重复ID

Question

我写了一个脚本来上传图片，将图片转换为数据（base64）。有了这个用户可以选择多个图像，你可以选择一个图像或至少三个图像，一起或分开。对于每个图片，它附加一个名为.image-uploader的新div，其中包含input:hidden和preview，每个项目都有id image-1-val之类的唯一image-2-val等。

使用var n = i + 1;创建动态id。

问题：

现在的问题是，如果用户选择一个图像，然后再选择第二个图像..动态ID不能按预期工作，它会重复ID，再次image-1-val image-1-val ..请注意，但如果用户一起选择多个图像，例如一个选择上的两个或三个图像，则可以正常工作。

问题：

如果用户只选择一个图像，然后添加另一个图像，如何设置动态id？我是否可以检测id是否存在，然后阻止复制id？

JSFiddle

Answer 1

只需计算当前.image-uploader长度，您已经拥有：

var imglength = $('.image-uploader').length;

加上imglength加i：

var n = i + imglength + 1;

<强> Live Demo