好资源导航 » 文章资讯 » js实现上传图片预览的方法

js实现上传图片预览的方法

2024-04-04 08:19:02 401

本文实例讲述了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; } } }

返回顶部
3162201930
czq8825@qq.com

js实现上传图片预览的方法

热门推荐

随机推荐