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);
   ...
});

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

1 个答案: