JS簡單實現檔案上傳(無需外掛)
阿新 • • 發佈:2018-12-29
<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="" />