首頁  >  文章  >  web前端  >  JS簡單實作檔案上傳實例程式碼(無需外掛程式)_javascript技巧

JS簡單實作檔案上傳實例程式碼(無需外掛程式)_javascript技巧

WBOY
WBOY原創
2016-05-16 17:14:581345瀏覽

複製程式碼 程式碼如下:

請選擇檔案


// 點選#selectFile觸發input:file的click事件
複製程式碼



複製程式碼



複製程式碼


複製程式碼

複製程式碼jQuery('#selectFile').live('click',function(){  var ie = !-[1,];   if(ie){
   jQuery('input:file').trigger('click').trigger('change');
  }else{
   jQuery('input:file').trigger('click');
  }

 });

選取檔案要觸發的事件

複製程式碼

複製碼 程式碼如下: jQuery('input:file').change(function(){  //dosomthing }); >注意事項: 1、在chrome瀏覽器下,為了資料安全,隱藏的input:file不能trigger “click” 事件。  所以設定input:file的透明度達到隱藏的效果。 2.在ie6,7下input file檔案不支援onchange事件,所以在此瀏覽器下我還是用
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn