jQuery – 检测文件中是否有文件被选中

可能重复：
jQuery：获取从<input type =“file”/>中select的文件名

我有一个标准的文件input框

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

我也有这样的一页文字

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

我想知道是否有可能在文件input框中select文件的名称更新文本？

干杯，

Answer 1

您应该可以将事件处理程序附加到input的onchange事件，并调用一个函数来设置跨度中的文本。

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

您可能需要添加ID到您的input和跨度，以便您可以select基于特定于您所关心的元素，而不是其他文件input或DOM跨度。

Answer 2

我build议尝试更改事件？ testing一下，看看它是否有价值，那么你可以继续你的代码。 jQuery有

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

要么

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

这是等同的。

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

对于唯一的select器，将所有文件input的name属性更改为id，然后将jQuery("#imafile")或通用jQuery('input[type="file"]')