javascript - 选择后查看完整文件名

Question

我正在处理用户必须选择文件的表单。我的问题是当用户选择一个文件时我该怎么做才能看到文件名完整显示。比如一个名为toto_tata.xls的文件，可以看到选择后出现的toto_tata.xls文件名。我尝试了大小但没有成功。

下面是我输入标签的内容:

 <input id="myFile" type="file" name="myFile"class="myFile" required="true"/>

Answer 1

尝试这样的事情:

<input type="file" id="fileUpload"><span class="show-file-name"></span>

$('input[type=file]').change(function () {
  var fileName = $(this).val().match(/[^\\]*$/)[0];
  $('.show-file-name').text(fileName);
})

您将在 span 中获得文件名。唯一剩下的就是删除缩短的文件名。

这里正在工作fiddle