jquery.form.js를 사용하여 성공시 이미지 src를 업데이트하는 방법

Question

jquery.form.js를 사용하여 양식을 제출하고 응답을받습니다.

내 PHP 페이지 "이미지/엄지/071112130957.jpg"

을 heres 내 JQuery와 같은 이미지 URL을 에코로 설정되어 지금

$("#imageform").ajaxForm(
{ 
target: '#preview' 
}).submit(); 
}); 

을 heres 내 HTML 양식

<form action="cropscript.php" id="imageform" method="post" enctype="multipart/form-data"> 
<input type="file" name="image" id="image" /> <br/> 
<input type="submit" name="submit" value="upload image" /> 
</form> 

<div id="preview" > </div> 
<img src = "thumbs/default.jpg" id="thumb_img" /> 

내 질문에 어떻게 ajaxform 성공 후 img # thumb_img src 업데이트합니까?

Answer 1

했다 알려 저를 테스트 할 수있는 나를 위해 일했다.

$(document).ready(function() { 
    $('#image').live('change', function() 
    { 
      $("#imageform").ajaxForm({ 
        target: '#preview', 
        dataType: 'json', 
        success : function (response) { 
           $('#thumb_img').attr('src','images/thumbs/'+response.imgsrc); 
        } 
      }).submit(); 

    }); 
}); 

Answer 2

은 내가 ajaxFrom 오래 전에 사용하지만 그것은 단지
이 버전의 문서를 확인하십시오 내 머리에 팝업

$('#imageform').ajaxForm({ 
    target : '#preview', 
    complete : function (response) { 
    $('#thumb_img').attr('src', response.imgsrc); 
    } 
}); 

작동하지 않을 경우 당신이 날이