2011-12-10 26 views
0

iframe을 사용하면 내 웹 사이트 사용자가 전체 페이지를 다시로드하지 않고 파일을 업로드 할 수 있습니까? 많은 jQuery 플러그인을 찾았지만이 작업에는 너무 큽니다. 사용자는 다른 입력을 채우지 않고 하나의 파일 만 업로드하면됩니다.PHP iframe 한 파일 업로드

+0

읽었습니까? http://stackoverflow.com/questions/3660616/how-can-i-do-file-upload-using-hidden-iframe-jquery – marcocamejo

답변

0

iframe은 페이지 내에로드 된 전체 HTML 페이지입니다. 사용자가 파일을 선택한 다음 업로드 버튼 (업로드라고하는 제출 버튼)을 사용하거나 자바 스크립트에 "onchange"이벤트를 사용하여 파일을 자동으로 업로드 할 수있는 양식의 HTML 페이지를 만드는 것만으로도 . 그리고 iframe 내부에 모든 내용을로드하십시오.

iframe의 상위 창에서 파일 이름을 사용할 수 있어야하는 경우 파일 업로드시 자바 스크립트에서 파일 이름을 상위 창으로 전달해야합니다.

다음은 내가 사용한 몇 가지 코드를 요약 한 것입니다. 그것을 일반 HTML 페이지 안에 넣고 해당 페이지를 iframe에로드하십시오.

폼 :

<form action="thispagename.html" method="post" enctype="multipart/form-data"> 
    <input type="file" id="userfile" name="userfile" value="" onchange="SendToParent(this, 'fieldinparent')" /><br/> 
    <button type="submit" id="uploadfile" name="uploadfile">Upload File</button> 
</form> 

자바 스크립트 :

기본적으로
function SendToParent(origin, destination) 
{ 
    parent.document.getElementById(destination).value = origin.value; 
} 

당신이 당신이에 "onchange를"이벤트에 추가 기능을 추가 할 수 있습니다 자동으로 제출을해야하는 경우에 대한 모든이 자동 제출을 처리하십시오.

0

아약스를 사용할 수 있습니다. Jquery 및 기타 라이브러리 및 플러그인을 사용하면 매우 편리합니다.