本文实例讲述了js实现上传图片预览的方法。分享给大家供大家参考。具体实现方法如下：

复制代码 代码如下:function PreviewImage(imgFile)

{

var filextension=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

{

var path;

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 = "<img id='img1' width='120px' height='100px' src='"+path+"'/>";

// document.getElementById("img1").src = path;

}

}

}

调用：

复制代码 代码如下:上传图片:<input type="file" name="file"

onchange="PreviewImage(this)" id="upload" />

<div id="imgPreview">

</div>

运行效果如下图所示：

希望本文所述对大家的javascript程序设计有所帮助。