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 好听的元旦简短祝福语