用戶選擇文件時執行javascript函數

Question

在html頁面中，我正在添加輸入元素。

<input type="file" name="fileselect" id="fselect"> </input>

當用戶選擇文件時，我想執行javascript函數。假設我也要寫入控制台。

jquery select()是檢查用戶是否已選擇文件的正確函數嗎？ 我嘗試過這樣

$(document).ready(function(){
   $('#fselect').select(function(){ 
      console.log('selected');
      myfun(); 
    });
});

function myfun(){
   alert('you selected a file');
}

出於某種原因，當我使用輸入元素選擇文件時，沒有任何內容寫入控制台，也沒有警告框出現。.select select()調用編碼是否錯誤？

Answer 1

您可以使用change事件：

​$("#fselect").change(function() {
    // do something
});​​​​​​​

演示： http : //jsfiddle.net/BtsHL/

Answer 2

您想要的事件是更改 ，而不是選擇 。

從文檔 ：

當用戶在元素內進行文本選擇時，會將選擇事件發送到該元素。

為了改變 ：

更改事件在其值更改時發送到元素

Answer 3

嘗試這個：

$(document).ready(function(){
   $('#fselect').change(function(){ 
      console.log('selected');
    });
});