Jquery 上传功能不适用于 1 页上的多个图像

Question

工作原理： 我正在尝试使用 Jquery/Ajax 创建即时上传功能。当用户双击图像时，会出现一个带有上传字段的 Fancybox。选择图片后，图片上传，点击图片的来源立即改变。

问题： 当一个页面上有多个图像时，有时另一个图像会被新图像（随机）替换。

代码：

function uploader(thumb) {
new AjaxUpload('imageUpload', {
    action: 'uploader.php',
    name: 'file',
    onComplete: function(file, response) {
        thumb.attr('src', response);
        $.fancybox.close();
    }
});
}

$("img").dblclick(function(){
    var img = $(this);
    $.fancybox({
        href: '#imageUpload',
        overlayShow: true
    });
    uploader(img);
    return false;
});

我尝试过的： 当我提醒应该替换的图像的 ID 时，它总是提醒图像的正确 ID。它仍然会替换另一个图像。

问候， 博

Answer 1

获取点击图片引用的方式不好。您应该从传递给处理程序的事件对象中提取单击的元素。

$('img').dblclick(function(event) {
   var img = $(event.target);
   ...
});