jquery - 获取类型文件的输入值

Question

我有以下 HTML 标记：

<div>
  <a>browse<input type="file" name="annex"></a>
  <span class="filename"></span>
</div>

我正在使用这个标记来设置带有 CSS 的文件输入样式。

我想在类“文件名”的范围内显示文件名（filename.ext）。

我用 JQuery 尝试了以下操作：

$('.file').on('file', function (event, files, label) {
  $('.path').html($(this).val().replace(/\\/g, '/').replace(/.*\//, ''));
  alert($(this).val());
});

跨度仍然为空，警报结果也为空。

我怎样才能做到这一点？

谢谢你，米格尔

score 2 · Accepted Answer

尝试这个：

$('input[type="file"]').on('change', function (event, files, label) {
    var file_name = this.value.replace(/\\/g, '/').replace(/.*\//, '')
    $('.filename').text(file_name);
});