jquery文件選擇超鏈接

Question

在下面的代碼中，我試圖檢查文件是否從超鏈接中選擇。當第一次選擇文件時var fileName = $('#' + field_id).val();爲null，但是當第二次選擇文件時，會顯示文件路徑。這裏有什麼問題？

<input type="file" id="new_rule_upload" name="new_rule_upload" style="visibility: hidden; width: 1px; height: 1px" /> 
<a href="" onclick="document.getElementById('new_rule_upload').click(); upload_file('new_rule_upload'); return false">Upload</a> 

function upload_file(field_id) { 
    var fileName = $('#' + field_id).val(); 
    alert(fileName); 
    if (fileName != '') { 
     alert('selected') 
    } else { 
     alert('not selected'); 
    } 
} 

Answer 1

我建議安裝自己輸入的變化事件就可以立即通知。

$(function() { 
    $("#new_rule_upload").change(function(){ 
    var fileName = $(this).val(); 

    // Do something 
    }); 
}); 

Answer 2

使用jQuery

$(function() { 
    $("#a_id").click(function() { 
     var fileName = $("#new_rule_upload").val(); 
     alert(fileName); 
     if (fileName != '') { 
      alert('selected') 
     } else { 
      alert('not selected'); 
     } 
    }); 
});