输入类型文件OnChange不能在jquery中获得文件名

Question

我试图从输入类型='file' OnChange获取文件名，之后。它的长度等于1。但是val()是空的。如何在这里获取文件名?

<span class="btn btn-primary fileinput-button">
   <i class="glyphicon glyphicon-plus"></i>
   <span>@(i18n_Models_Image.AddImages + "...")</span>
   <input id="fileupload" type="file" name="files[]" accept="image/*">    
</span>
$('#fileupload').on('change', function(e) {
   console.log("hi");
   console.log($('#fileupload').val()); // is empty
});

Answer 1

检查是否包含了支持.on()的jquery文件。(即jQuery 1.7或更高版本)

并确保您已将代码添加到文档中。Ready or window.load.

$(document).ready(function() {
   $('#fileupload').on('change', function(e) {
      console.log("hi");
      console.log($('#fileupload').val()); // is empty
   });
});

要获取文件名，请执行以下命令:

var filename = $('#fileupload').val().split('\').pop();

或

var filename = $('#fileupload').val().replace(/C:\fakepath\/i, '');

工作小提琴在这里