小编典典

jQuery - 检测文件输入中是否已选择文件

all

我有一个标准的文件输入框

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

我在页面下方也有一些文字,就像这样

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

我想知道是否可以使用在文件输入框中选择的文件名来更新文本?

干杯,


阅读 68

收藏
2022-06-13

共1个答案

小编典典

您应该能够将事件处理程序附加到输入的 onchange 事件,并让该函数调用一个函数来设置跨度中的文本。

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

您可能希望将 ID 添加到您的输入和跨度,以便您可以根据特定于您关注的元素的 ID 进行选择,而不是 DOM 中的其他文件输入或跨度。

2022-06-13