1. 程式人生 > >js:實現上傳圖片即時預覽

js:實現上傳圖片即時預覽

圖片上傳即時預覽是很多地方都用的上的 抽空封裝了一段即時預覽程式碼

 	function setImagePreview(avalue) {
        	//獲取預覽按鈕
        	var docObj=document.getElementById("doc");
       	 	//獲取預覽圖片容器
        	var imgObjPreview=document.getElementById("preview");
        	//Firefox
        	if(docObj.files &&docObj.files[0]){
            	imgObjPreview.style.width = '224px';
            	imgObjPreview.style.height = '252px'; 
     
            	imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);
        	}else{
            	//IE
            	docObj.select();
            	var imgSrc = document.selection.createRange().text;
            	var localImagId = document.getElementById("localImag");
            	localImagId.style.width = "224px";
            	localImagId.style.height = "252px";
            	try{
                	localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                	ocalImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
            	}catch(e){
                	alert("您上傳的圖片格式不正確,請重新選擇!");
                	return false;
            	}
            	imgObjPreview.style.display = 'none';
            	document.selection.empty();
        	}
            	return true;
    	}