首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2016-05-16 17:14:58
原創
1386 人瀏覽過

複製程式碼 程式碼如下:

請選擇檔案


// 點選#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事件,所以在此瀏覽器下我還是用
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板