使用ajax jquery重新加载图像

时间:2013-01-21 13:11:46

标签: jquery html ajax image-upload

我正在使用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);
    }   
});



});

in html

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

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

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

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

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

试试这个:

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

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