图片上传前大小长宽验证

最新推荐文章于 2025-08-23 02:53:08 发布

清，纯一色

最新推荐文章于 2025-08-23 02:53:08 发布

阅读量114

点赞数

CC 4.0 BY-SA版权

文章标签： 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