Jquery上传功能没有';无法在一页上处理多个图像


Jquery upload function doesn't work for multiple images on 1 page

工作原理:我正在尝试用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。但它仍然替换了另一个图像。

谨致问候,Bo

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

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