Làm cách nào để lấy tên tệp từ biểu mẫu tải lên bằng jQuery?

Question

Tôi muốn lấy tên tệp của tệp được tải lên bằng cách sử dụng jQuery. Nhưng vấn đề, tôi đã nhận được đường dẫn giả mạo và tên tập tin, thay vì tên tập tin chỉ. Đây là hình thức của tôi.

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

Và jQuery là như thế này

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

tôi sử dụng Chrome và nhận được điều này trong hộp thông báo. Giả sử tôi chọn tệp có tên filename.jpg.

C:\fakepath\filename.jpg 

Làm cách nào tôi chỉ có thể nhận được tên tệp? Cảm ơn sự giúp đỡ của bạn.

Answer 1

Tách chuỗi filepath bằng "\" và sử dụng mục cuối cùng trong mảng kết quả.

see: Getting the last element of a split string array

Answer 2

Bạn cũng có thể làm:

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

Nếu đó là một tập tin đầu vào nhiều, làm:

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

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

Answer 3

tên file get khi tải lên sử dụng jquery

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

Ngoài ra bạn có thể làm theo các liên kết

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