如何使用jQuery从上传表单获取文件名?

我想使用jQuery获取上传文件的文件名。 但问题是,我得到了假的路径和文件名,而不是文件名。 这是我的表格。

而jQuery就是这样的

 $(document).ready(function(){ $('#inputSubmit').click(function(){ alert($('#uploadFile').val()); }); }); 

我使用Chrome并在警告框中获取此信息。 假设我选择名为filename.jpg的文件。

 C:\fakepath\filename.jpg 

我怎样才能获得文件名? 谢谢您的帮助。

使用“\”拆分文件路径字符串,并使用结果数组中的最后一项。

请参阅: 获取拆分字符串数组的最后一个元素

你也可以这样做:

 $('#uploadFile').prop("files")['name']; 

如果是多文件输入,请执行以下操作:

 $.each($('#uploadFile').prop("files"), function(k,v){ var filename = v['name']; // filename = "blahblah.jpg", without path }); 

使用jquery上传时获取文件名

var filename = $('input[type=file]').val().split('\').pop();

您也可以点击链接

http://datainflow.com/question/how-to-get-file-name-when-upload-a-file-in-jquery/