[JQUERY] jQuery를하십시오 <입력 유형 = "파일"/> Firefox에서하지 않은 일에 클릭을 시뮬레이션? [복제]

jQuery를하십시오 <입력 유형 = "파일"/> Firefox에서하지 않은 일에 클릭을 시뮬레이션? [복제]

해결법

1. ---

   1.아니, 그것은 하나, IE의 가장 일반적인 버전에서 작동하지 않습니다. IE 대화 상자를 열 것이다, 그러나 당신이 그것으로 파일을 선택하면 양식이 실제로 제출되지 않습니다.

   아니, 그것은 하나, IE의 가장 일반적인 버전에서 작동하지 않습니다. IE 대화 상자를 열 것이다, 그러나 당신이 그것으로 파일을 선택하면 양식이 실제로 제출되지 않습니다.

   희망을 포기. 유일한 방법 가짜 파일 업로드 상자가 투명도 기법을 사용하고, 그의는 정말에 권장되지 다르게 내부 (또는 찾아보기 대화를 포함하지 않는 파일 업로드 제어를 제공) 파일 업로드 상자를 배치 할 수 있습니다 브라우저 등 모든 매우 그것을 만드는 가능성 당신은 작동하지 형태하게 될 겁니다.

   회색 파일 업로드 필드를 사랑하거나 가능한 경우 플래시로 대체 점진적 개선을 사용하는 방법에 대해 알아보세요.

2. ---

   2.여기에 해결 방법 (FF)입니다. html로 비트 :

   여기에 해결 방법 (FF)입니다. html로 비트 :

   <label>Upload Business Logo</label>
   <input type="file" name="logo" id="logo" class="file-upload" />
   <input type="text" id="text-logo" class="text-upload" readonly/>
   <input type="button" id="btn-logo" class="btn-upload" alt="" />
   

   입력 파일 형식에 대한 CSS :

   .file-upload { display:none; }
   

   JQuery와 비트 :

   //bind click
   $('#btn-logo').click(function(event) {
     $('#logo').click();
   });
   
   //capture selected filename
   $('#logo').change(function(click) {
     $('#text-logo').val(this.value);
   });
   

   양식을 제출하면, 숨겨진 입력 파일은 파일을 업로드합니다. 도움이 되었기를 바랍니다 :)

from https://stackoverflow.com/questions/1829774/jquery-simulating-a-click-on-a-input-type-file-doesnt-work-in-firefox by cc-by-sa and MIT license