首页 > 开发 > 综合 > 正文

不改安全级别,上传前,在客户端判断图片文件大小

2024-07-21 02:07:57
字体:
来源:转载
供稿:网友
  • 网站运营seo文章大全
  • 提供全面的站长运营经验及seo技术!

  • 很早前收集的tips,最近在项目中用到了,可能会对大家有所帮助。





    <!--摘自51js-->

    <script>
    var img=null;
    function s()
    {
    if(img)img.removenode(true);
    img=document.createelement("img");
    img.style.position="absolute";
    img.style.visibility="hidden";
    img.width = 0;
    img.height = 0;
    img.attachevent("onreadystatechange",orsc);
    img.attachevent("onerror",oe);
    document.body.insertadjacentelement("beforeend",img);
    img.src=inp.value;
    }
    function oe()
    {
    alert("cant load img");
    }
    function orsc()
    {
    if(img.readystate!="complete")return false;
    alert("图片大小:"+img.offsetwidth+"x"+img.offsetheight);
    alert("图片尺寸:"+img.filesize);
    btn.disabled=false;
    }
    </script>
    <input id=inp type="file">
    <br>
    <button >test</button><button id=btn disabled>upload</button>
     
    大家看到,其实也很简单,它先是在内存中定义了一个img对象,然后用此对象在客户端得到img对象的各种属性。
    发表评论 共有条评论
    用户名: 密码:
    验证码: 匿名发表