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; } } }
热门推荐
10 对患者生日祝福语简短
11 结婚祝福语简短装备
12 周岁祝福语学生文案简短
13 订婚领证祝福语简短精辟
14 导师获奖祝福语大全简短
15 新婚购房祝福语简短精辟
16 牛年祝福语简短的爱人
17 送芒果的祝福语简短
18 送给学长毕业祝福语简短