jQueryを使用してアップロードフォームからファイル名を取得するには？

Question

jQueryを使用してアップロードしたファイルのファイル名を取得します。しかし、問題は、私はファイル名の代わりに、偽のパスとファイル名を持っています。これは私の形です。

<form action="" method="post"> 
    <input type="file" name="uploadFile" id="uploadFile" /> 
    <input type="submit" name="submit" value="Upload" id="inputSubmit" /> 
</form> 

とjQueryは、私はChromeを使用して、警告ボックスでこれを持って、この

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

のようなものです。 filename.jpgという名前のファイルを選択したとしましょう。

C:\fakepath\filename.jpg 

ファイル名のみを取得するにはどうすればよいですか？ご協力ありがとうございました。

Answer 1

ファイルパス文字列を "\"で分割し、結果の配列の最後の項目を使用します。

参照：Getting the last element of a split string array

Answer 2

あなたはまた、行うことができます。

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

それは複数のファイル入力なら、ん：jqueryの

を使用してアップロードする際

$.each($('#uploadFile').prop("files"), function(k,v){ 
    var filename = v['name']; 

    // filename = "blahblah.jpg", without path 
}); 

Answer 3

は、ファイル名を取得var filename = $('input[type=file]').val().split('\').pop();

また、あなたがリンクに

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