jQuery - 파일 입력에서 파일을 선택했는지 여부를 탐지합니다.

jQuery - 파일 입력에서 파일을 선택했는지 여부를 탐지합니다.

이 질문에는 이미 다음과 같은 답변이 있습니다.

닫힘10년 전에.

중복 가능:
jQuery: <입력 유형="file" />에서 파일 이름을 선택합니다.

표준 파일 입력 상자가 있습니다.

<input type="file" name="imafile">

저도 이렇게 페이지 아래에 약간의 글이 있습니다.

<span class="filename">Nothing selected</span>

파일 입력란에 선택된 파일명으로 텍스트 업데이트가 가능한지 궁금합니다.

입력의 onchange 이벤트에 이벤트 핸들러를 첨부하고 해당 함수를 호출하여 스팬 내의 텍스트를 설정할 수 있어야 합니다.

<script type="text/javascript">
  $(function() {
     $("input:file").change(function (){
       var fileName = $(this).val();
       $(".filename").html(fileName);
     });
  });
</script>

DOM의 다른 파일 입력이나 스팬이 아닌 해당 요소에 특정할 ID를 기준으로 선택할 수 있도록 입력 및 스팬에 ID를 추가할 수 있습니다.

변경 이벤트를 해보는 것이 좋겠습니까?값이 있으면 테스트를 통해 값을 가질 수 있습니다. 그러면 코드를 계속 사용할 수 있습니다.jQuery 가 가지고 있습니다.

.bind("change", function(){ ... });

아니면

.change(function(){ ... }); 

동치인 것들입니다.

http://api.jquery.com/change/

고유한 선택자의 경우 이름 속성을 id로 변경한 다음jQuery("#imafile")또는 장군.jQuery('input[type="file"]')모든 파일 입력에 대해

언급URL : https://stackoverflow.com/questions/5670769/jquery-detecting-if-a-file-has-been-selected-in-the-file-input