如何檢測文件何時上傳到文件類型的輸入元素？

Question

有沒有什麼辦法能夠使用jQuery，以檢測當一個文件被上傳到一個input元素象下面這樣：

<input type='file' name='filex' id='filex' style="height: 2.3em" size="23" />

我在尋找特定當文件被放置到一個事件（上傳）到元素，而不是在打開打開的文件對話框之前單擊該元素。我知道我可以提交表單然後獲取文件服務器端，但是我希望在確認提交表單之前向用戶顯示縮略圖。

謝謝。

Answer 1

與沒有選擇文件file輸入將開始關閉，並且沒有文件可以在沒有用戶交互來選擇，我建議使用change()方法（使用change事件）：

$('input:file').change(
    function(e){ 
     console.log('file "' + path.split('\\').pop(); + '" selected.'); 
    }); 

參考：

• :file selector。
• Use jQuery to get the file input's selected filename without the path

Answer 2

var fileInput = document.getElementById('filex'); 

fileInput.onchange = function(e){ 
    if(e.target.files.length > 0) 
     // File uploaded 
}