Possible Duplicate:
jQuery: get the file name selected from <input type=“file” />

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

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

我在页面下面也有一些文字,如下所示

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

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

干杯,

推荐答案

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

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

您可能想要将ID添加到您的输入和范围中,以便您可以根据这些ID进行选择,以便特定于您关心的元素,而不是DOM中的其他文件输入或范围.

Jquery相关问答推荐

如何在外部JS文件中使用带有参数的laravel路由

Sheets从多张sheet中导入range匹配数据

Bootstrap 4 文件输入

收到错误“由于表单未连接而取消表单提交”

如何推迟内联 Javascript?

从数组中删除第一个元素并返回减去第一个元素的数组

jquery 3.0 url.indexOf 错误

catch forEach 最后一次迭代

如何在没有要映射的对象数组的情况下在 React.js 中循环和渲染元素?

如何滚动到AngularJS中的页面顶部?

移动 chrome 在滚动时触发调整大小事件

id 的 jQuery 选择器以特定文本开头

Chrome 中的 AJAX 发送选项而不是 GET/POST/PUT/DELETE?

$(this) 和 event.target 之间的区别?

获取 html 元素的 onclick 事件的 data-* 属性

jquery更改div类的样式属性

jquery beforeunload 关闭(不离开)页面时?

有人可以解释如何实现 jQuery File Upload 插件吗?

为什么这个 jQuery 点击功能不起作用?

缺少 .map 资源?