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; } } }