gpt4 book ai didi

javascript - 动态图像到数据返回重复的 id

转载 作者:行者123 更新时间:2023-11-30 20:41:42 24 4
gpt4 key购买 nike

我写了一个脚本来上传图片,将图片转换为数据(base64)。使用此用户可以选择多个图像,您可以选择一个图像或至少三个图像,一起或单独。对于每张图片,它都会附加一个名为 .image-uploader 的新 div,其中包含 input:hiddenpreview 并且每个项目都有唯一的 idimage-1-val image-2-val

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

问题:

现在的问题是,如果用户选择一张图片,然后选择第二张图片或更多图片。动态 id 无法按预期工作,它再次生成了重复的 id,例如 image-1-val image-1-val .. 请注意,如果用户同时选择多张图片,例如一次选择两张或三张图片,则效果很好。

问题:

如果用户只选择一张图片,然后添加另一张图片,我如何设置动态 id?我可以检测 id 是否存在然后防止重复 id 吗?

JSFiddle

最佳答案

简单地计算当前的.image-uploader 长度,你已经有了这个:

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

所以加上 imglengthi:

var n = i + imglength + 1;

Live Demo

关于javascript - 动态图像到数据返回重复的 id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49189051/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com