我想使用jQuery获取上传文件的文件名。但问题是,我得到了假的路径和文件名,而不是文件名。这是我的表格。
<form action="" method="post">
<input type="file" name="uploadFile" id="uploadFile" />
<input type="submit" name="submit" value="Upload" id="inputSubmit" />
</form>
jQuery就像这样
$(document).ready(function(){
$('#inputSubmit').click(function(){
alert($('#uploadFile').val());
});
});
我使用Chrome并在警告框中显示此信息。假设我选择名为filename.jpg的文件。
C:\fakepath\filename.jpg
我怎样才能获得文件名?谢谢你的帮助。
答案 0 :(得分:7)
使用“\”拆分文件路径字符串,并使用结果数组中的最后一项。
答案 1 :(得分:4)
你也可以这样做:
$('#uploadFile').prop("files")['name'];
如果是多文件输入,请执行:
$.each($('#uploadFile').prop("files"), function(k,v){
var filename = v['name'];
// filename = "blahblah.jpg", without path
});
答案 2 :(得分:2)
使用jquery
上传时获取文件名 var filename = $('input[type=file]').val().split('\').pop();