[解決済み】jQuery - ファイル入力でファイルが選択されているかどうかを検出する【重複】。

質問

重複の可能性があります。

jQuery: <input type="file" /> から選択されたファイル名を取得します。

標準的なファイル入力ボックスがあります

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

また、ページの下の方に、こんな風にちょっとしたテキストを載せています。

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

ファイル入力ボックスで選択されたファイル名でテキストを更新させることは可能でしょうか？

乾杯

解決方法は？

inputのonchangeイベントにイベントハンドラをアタッチして、spanにテキストを設定する関数を呼び出すことができるはずです。

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

input と span に ID を追加して、DOM 内の他のファイル input や span ではなく、関係する要素に特化して、それらに基づいて選択できるようにするとよいでしょう。