jQuery -检测是否在文件输入中选择了文件
jQuery -检测是否在文件输入中选择了文件
提问于 2011-04-15 07:13:32
可能重复：
jQuery: get the file name selected from
我有一个标准的文件输入框
<input type="file" name="imafile">我在页面下面也有一些文本，如下所示
<span class="filename">Nothing selected</span>我想知道是否有可能使用在文件输入框中选择的文件名来更新文本？
干杯,
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-04-15 07:42:13
您应该能够将事件处理程序附加到输入的onchange事件，并让该事件处理程序调用一个函数来设置span中的文本。
<script type="text/javascript">
$(function() {
$("input:file").change(function (){
var fileName = $(this).val();
$(".filename").html(fileName);
});
});
</script>您可能希望将in添加到您的输入和span中，以便您可以根据这些in进行选择，以便特定于您所关心的元素，而不是DOM中的其他文件输入或span。
Stack Overflow用户
发布于 2011-04-15 07:43:29
我建议您尝试一下change事件？测试它是否有值，如果有，你就可以继续你的代码了。jQuery有
.bind("change", function(){ ... });或
.change(function(){ ... }); 它们是等价物。
对于唯一选择器，将jQuery('input[type="file"]')属性更改为id，然后更改为jQuery("#imafile")或所有文件输入的通用名称
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5670769
复制相关文章
相似问题