JS簡單實現檔案上傳執行個體代碼(無需外掛程式)

來源:互聯網
上載者:User

複製代碼 代碼如下:
<span class="up-btn" id="selectFile">請選擇檔案</span>
<input type="file" name="fileupload" style="FILTER: alpha(opacity=0); moz-opacity: 0; opacity: 0;" />

// 點擊#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事件,所以在此瀏覽器下我還是用<input type="file" value="" />

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.