jquery - 使用ajax jquery重新加载图像

Question

我正在使用 ajax 上传图像。

我想让这个函数使用类名而不是 ids。

$(document).ready(function(){

var button = $('#uploader'), interval;

new AjaxUpload(button, {
    action: 'upload.php',
    onSubmit : function(file , ext){
    if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
        alert('Error: Only images are allowed');
        return false;
    } else {
                  // Image Accepted.
    }
    },
    onComplete: function(file, response){
        button.attr("src", response);
    }   
});



});

在 HTML 中

<img id="uploader" src="" />

工作正常，但我想添加更多 img 标签。

请建议我如何更改此功能以使用类而不是 id

<img class="uploader" src="" />
<img class="uploader" src="" />

Answer 1

尝试这个：

var button = $('.uploader'), interval;

和：

<img class="uploader" src="" />
<img class="uploader" src="" />

Answer 2

您可以在此处阅读有关 jQuery 类选择器的信息。我猜你会使用 jQuery.each来循环所有按钮或不循环。