1. 程式人生 > >JS簡單實現檔案上傳(無需外掛)

JS簡單實現檔案上傳(無需外掛)

<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="" />