이미지 입력 ​​유형이 감지되지 않습니다.

Question

이미지 입력 ​​유형을 사용하여 양식을 제출하려고합니다. 아약스 요청을 잘 수행하고 내 PHP 스크립트에서 응답을 다시 가져옵니다. 내 문제는 이미지 버튼을 제출할 때 이미지를 변경하고 싶지 않다는 것입니다. Firebug 콘솔은 form.pic이 정의되지 않았으며 이미지가 업데이트되지 않는다고 말했습니다. 어떤 아이디어가 필요한가?

자바 스크립트/JQuery와

function new_user(form){ 

    var url = "attendance.php"; 

    var dataString = "status="+form.astatus.value; 
    dataString = dataString+"&id="+form.mark_attend.value; 
    $.ajax({ 
type: "POST", 
url: url, 
data: dataString, 
success: function(data) { 
form.pic.src = data; //Error here 
}, 
error: function(jqXHR, textStatus, errorThrown){ console.error("error: " + textStatus, errorThrown);} 
}); 

return false; 
} 

HTML

<form method="POST" onSubmit="return new_user(this);" > 
<input type="hidden" value="attended" name="astatus" /> 
<input type="hidden" value="idKey" name="mark_attend" /> 
<input type="image" src="greencheck.png" name="pic" /> 
</form> 

Answer 1

$(form).find('input[name="pic"]').attr('src', data); 

이, 내가 생각, 당신이 jQuery를 사용하는 것을 고려하고이 작업을 수행하는 가장 깨끗한 방법입니다.