업로드 'AJAX'업로드 트릭 후에 iframe이 업데이트되지 않습니다.

Question

iframe 기술을 사용하여 양식에 포함 된 파일을 업로드하고 있습니다.

완벽하게 작동합니다. 파일을 이메일로 보내도됩니다. 유일한 문제는 파일 크기와 같은 iframe에서 정보를 얻고 싶다는 것입니다. 그러나, 나는 PHP 스크립트에서 iframe의 내용을 업데이트 할 수 없습니다. 전자 메일을 보내기 전에 줄에 '에코 (echos)'를 넣으려고 했으므로 실제로 도착합니다.하지만 iframe의 jQuery의 "로드"함수가 실행되자 마자 iframe에 아무 것도 없습니다. "요소 검사"및 "소스보기"도 모두 시도해 보았습니다. 모두 비어 있습니다.

나는 분명한 뭔가를 놓치고 있습니까? 나는 SO 또는 google에 동일한 문제가있는 사람을 찾을 수 없습니다.

FORM :

는

<form id="submitResumeForm" method="post" enctype="multipart/form-data" action="career/sendResume" target="submitTarget"> 
<!-- input fields, etc --> 
<input type="button" onClick="submitForm()" value="<?=lang('submit')?>" /> 
</form> 
<iframe id="submitTarget" name="submitTarget" src="" style="position:absolute;top:-1000px;left:-1000px;width:0;height:0;border:0px solid #fff;"></iframe> 

JAVASCRIPT :

는

function submitForm() 
{ 
    $('#submitResumeForm').attr('target', 'submitTarget'); 
    // ... verifications ... 
    $('#submitTarget').load(function() 
    { 
     console.log($(this).html()); // Content is: "content before" 
     console.log($(this).contents()); //Garbage 
    }); 
    // Line Below puts content in the iframe, and that content is still there after 
    // the php is executed, so iframe is NEVER updated 
    $('#submitTarget').html('content before'); 

    $("#submitResumeForm").submit(); 
} 

PHP 컨트롤러 : 난 당신이 잘못하고 있다고 생각

function sendResume() 
{ 
    echo 'ASDFASDFASDFASDF'; 
    $this->load->library('email'); 
    $this->email->clear();  
    $this->email->to($this->input->post('email')); 
    // ... other fields, attach file (working perfectly) 
    $this->email->send(); 
} 

Answer 1

여기에 솔루션입니다 당신이 이런 일이 생기면 이것을 사용해야합니다 :

console.log($('#submitTarget').contents().find('body').html()); 

Answer 2

은 ...
뭔가 당신이해야 할 일이다 like

<form ...> 
    <input type="file" .../> 
    <input type="submit" .../> 
</form> 
<iframe id="myIframe"></iframe> 

$('form').submit(function(){ 
    $(form).attr('target'. 'myIframe'); 
}); 

이 방법이 효과가 있는지 나는 잘 모르겠지만 오랜 시간 전에 나는 그것을 어떻게 든 시도해 보았고, 나는 그것을 오늘날의 방식으로 바꿔야 만했다.
그냥 킥을 위해 input-button을 input-submit으로 변경하고 onclick을 제거하고 submitForm() 함수 내부의 코드를 위와 같이 양식의 submit 이벤트에 넣을 수 있습니까?

타겟을 변경하기 만하면됩니다. 실제로는

()을 입력하면됩니다. ,

console.log($('#submitTarget').html()); // Display iframe's content 

내가 모르는 어떤 이유로 DOM에 업데이트되지 않습니다 라인 :