Cách kiểm tra xem một trong các loại đầu vào của tệp có giá trị không?

Question

Tôi có rất nhiều các loại đầu vào:

<input type="file" name="file_upload"> 

Và khi nút gửi được nhấp, tôi muốn kiểm tra qua JS nếu một trong các lĩnh vực này là không có sản phẩm nào (nói cách khác, có ít nhất một tập tin được đã tải lên).

Dưới đây là mã của tôi mà không làm việc:

$('#upload-button').live('click', function() { 
    var has_selected_file = $('input[type=file]').val(); 

    if (has_selected_file) { 
    /* do something here */ 
    } 
    else { 
    alert("No file selected"); 
    } 
}); 

này luôn luôn cảnh báo không có tập tin được chọn.

Answer 1

Sử dụng .filter() để findout yếu tố đầu vào với một giá trị, và kiểm tra độ dài

$('#upload-button').live('click', function() { 
    var has_selected_file = $('input[type=file]').filter(function(){ 
     return $.trim(this.value) != '' 
    }).length > 0 ; 

    if (has_selected_file) { 
     /* do something here */ 
    } 
}); 

Answer 2

bạn chỉ có thể làm:

var has_selected_file = $.trim($('input[type=file]').val()); 

if (has_selected_file != "") { 
    /* do something here */ 
} 
else { 
    alert("No file selected"); 
} 

Answer 3

Cậu cố gắng xử lý change thay vì click?

Nó dường như làm việc ở đây:

jQuery - Detecting if a file has been selected in the file input