파일 컨트롤이 숨겨진 파일 업로드

Question

파일 입력이 숨겨진 양식이 있습니다. 클릭 중 abutton이 나타나며 열린 파일 대화 상자가 나타나야하고 파일을 선택하면 파일이 서버에 업로드됩니다. 이것이 가능한가 ?

Answer 1

Fine Uploader을 사용해 보셨습니까? 데모 사이트는 여기 http://fineuploader.com에서 볼 수 있습니다.

Answer 2

표시를 없음으로 설정하면 웹킷 브라우저에서 작동하지 않습니다. 그러나 불투명도, 너비 및 높이를 0으로 설정 한 다음 다른 단추를 클릭하면 click 이벤트를 호출 할 수 있습니다. 여기

는 작동 예를입니다 http://jsfiddle.net/jcVL5/

*** 편집 : 난 그냥 "파일이 서버에 업로드 얻을해야"보았다. 사용중인 서버 측 언어를 설명해야합니다.

<input type="file" id="fileUpload" style="opacity:0; height:0px;width:0px;" /> 
<input type="button" id="btnUpload" value="test Button" />​ 

<script> 
document.getElementById('btnUpload').onclick = function(){ 
    document.getElementById('fileUpload').click(); 
};​ 
</script>