당신은 HTML에서 <form>
및 <input>
태그, 예를 통해 파일을 업로드하는 방법을 알고 :
<form method="post" enctype="multipart/form-data" action="upload_script.php">
<input type="file" name="myfile" />
<input type="submit" value="Upload" />
</form>
비동기 적으로이 일에 트릭이
<form>
태그에
<iframe>
과
target
속성을 사용하는 것입니다
예 :
<form method="post" enctype="multipart/form-data" action="upload_script.php" target="myiframe">
<input type="file" name="myfile" />
<input type="submit" value="Upload" />
</form>
<iframe name="myiframe"></iframe>
프레임의 크기를 0x0 픽셀로 만들 수 있으므로 사용자가 프레임을 인식하지 못합니다. 양식이 제출되면 iframe
은 스크립트 페이지를로드합니다. 자바 스크립트는 업로드가 성공했는지 실패했는지를 나타 내기 위해 부모 프레임 (예 : 원래 창)으로 콜백하는 데 사용할 수 있습니다.
이되어야 할 '/'를 참조? ''? –
@RyanAmos. HTML 버전에 따라 다릅니다 (예 : http://www.w3.org/TR/html401/interact/forms.html#h-17.4 참조). 하지만 지금은 더 좋고 평범하기 때문에 추가했습니다. –