양식을 제출 한 후 iframe에서 변수를 가져 옵니까?

Question

$(function() { 
    $(".preview").click(function() { 
     $('#image').wrap('<form action="/index/upload.php" method="post" enctype="multipart/form-data" id="imageform" target="imageupload" />'); 
     $('#imageform').submit(); 
     $('#image').unwrap(); 
     var image = $('#imageupload').filename; 
     return false; 
    }); 
}); 

<iframe style="display: none;" name="imageupload" id="imageupload"></iframe> 
<input type="file" id="image" name="image"> 
<input type="button" value="Preview" class="preview"> 

위의 코드에서 이미지가 서버에 제출 된 후 업로드 된 이미지의 파일 이름을 포함하는 검색을 위해 iframe에 변수를 만듭니다. 내가 가진 문제는 이미지가 업로드 될 때 양식이 제출 될 때 jQuery의 .submit() 함수에서 파일 이름을 가져올 때 파일 이름을 얻으려고 시도 할 때 파일 이름을 얻지 못하는 것입니다. 누구든지이 문제를 해결할 수있는 방법을 알고 있습니까?

Answer 1

iframe에 자체적으로 onload 이벤트가있는 것을 발견 했으므로 iframe에 제출 한 후이 이벤트를 트리거 할 수 있었고 코드를 업로드 한 후 원하는대로 코드를 계속 사용할 수있었습니다.

$(function() { 
    $(".preview").click(function() { 
     $('#image').wrap('<form action="/index/upload.php" method="post" enctype="multipart/form-data" id="imageform" target="imageupload" />'); 
     $('#imageupload').attr('onload', 'preview()'); 
     $('#imageform').submit(); 
     $('#image').unwrap(); 
     return false; 
    }); 
}); 
function preview() { 
    var image = $('#imageupload').contents().find('#filename').html(); 
} 


<iframe style="display: none;" onload="" name="imageupload" id="imageupload"></iframe> 
<input type="file" id="image" name="image"> 
<input type="button" value="Preview" class="preview">