js实现上传图片预览的方法
本文实例讲述了js实现上传图片预览的方法。分享给大家供大家参考。具体实现方法如下:
functionPreviewImage(imgFile) { varfilextension=imgFile.value.substring(imgFile.value.lastIndexOf("."),imgFile.value.length); filextension=filextension.toLowerCase(); if((filextension!='.jpg')&&(filextension!='.gif')&&(filextension!='.jpeg')&&(filextension!='.png')&&(filextension!='.bmp')) { alert("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢!"); imgFile.focus(); } else { varpath;
if(document.all)//IE { imgFile.select(); path=document.selection.createRange().text; document.getElementById("imgPreview").innerHTML=""; document.getElementById("imgPreview").style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\""+path+"\")";//使用滤镜效果 } else//FF { path=imgFile.files[0].getAsDataURL(); document.getElementById("imgPreview").innerHTML="<imgid='img1'width='120px'height='100px'src='"+path+"'/>"; //document.getElementById("img1").src=path; } } }