js:實現上傳圖片即時預覽
阿新 • • 發佈:2019-02-01
圖片上傳即時預覽是很多地方都用的上的 抽空封裝了一段即時預覽程式碼
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; }