ajax jquery를 사용하여 이미지 새로 고침

Question

아약스를 사용하여 이미지를 업로드하고 있습니다.

이 함수는 ID 대신 클래스 이름으로 작업하려고합니다. HTML에서

$(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); 
    } 
}); 



}); 

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

잘 작동하지만 난 더 IMG 태그를 추가하고 싶습니다.

내가 클래스 대신의 ID

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

Answer 1

당신은 jQuery를 클래스 seletor here에 대해 읽을 수있는 작업이 기능을 변경하는 방법을 제안 해주십시오. jQuery .each을 사용하여 모든 버튼을 반복하거나 그렇지 않은 것 같아요.

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

을 그리고 :

Answer 2

이 시도

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