图片上传前大小长宽验证

最新推荐文章于 2024-11-12 10:54:49 发布

清，纯一色

最新推荐文章于 2024-11-12 10:54:49 发布

阅读量96

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/duanqs/archive/2010/03/25/1695418.html

版权

今天整理了一段代码，用于图片上传前预览，并获取图片的长、宽、及字节数，可以用于图片上传前的校验。

脚本如下：

< html >
     < head >
     < script    language ="javascript"    type ="text/javascript" >
       function getimginfo()
      {
           var img = new Image();
          img.src = document.all.file.value;
           var sInfo = " Width: " + img.width +
                     " px Height: " + img.height +
                     " px Size: " + getsizestring(img.fileSize);
          alert(sInfo);
      }
       function getsizestring(len)
      {
             var kb = len / 1024;
             if (kb < 1024 )
                 return kb.toFixed( 2 ) + " K " ;
             else
            {
                 var m = kb / 1024;
                 return m.toFixed( 2 ) + " M " ;
            }
      }
       </ script >
     </ head >
     < body >
       < table    width ="90%"      border ="0"    cellspacing ="0"    cellpadding ="0" >
         < tr >
             < td >
                  < img   width ="60"    height ="60"    id ="picdemo" >
             </ td >
             < td >
               < input    type ="file"    id ="file"   onchange ="document.all.picdemo.src=this.value" class ="allinput" >  
               < input    type ="submit"    name ="Submit"    value ="上传"    onClick ="getimginfo();" >
             </ td >
         </ tr >
       </ table >
     </ body >
</ html >

转载于:https://www.cnblogs.com/duanqs/archive/2010/03/25/1695418.html