js 判断图片大小

js 判断图片大小

分析关于js 判断图片大小原理，利用js判断上传图片大小需要经过filesize命令，如果实例

var imgp ='a.gif';
document.write(the_img.filesize); //这样就可以输入图片a.gif大小了，

那现在网络问题我们判断图片是否加载完了，就得利用readystate=="complete"如下

if(the_img.readystate=="complete"){  
    alert(the_img.filesize + '字节');  
}

还有一种做法

function getfilesize(filepath)   
{   
   var image=new image();   
   image.dynsrc=filepath;     
   return image.filesize;
}

好了判断图片大小实例原理就这么简单了，下面看一款实例。

限制

：<input type="text" size="4" value="10" name="filesizelimit" id="filesizelimit"/> k
<input type="file" name="file1" id="file1" size="40" οnchange="changesrc(this)"/>
<img src="about:blank" id="filechecker" alt="test"  height="18"/>
   
<script type="text/ 网页特效">
var ofilechecker = document.getelementbyid("filechecker");
   
function changesrc(filepicker)
{
    ofilechecker.src = filepicker.value;
}
   
ofilechecker.onreadystatechange = function ()
{
     if (ofilechecker.readystate == "complete")
     {
        checksize();
     }
}
   
function checksize()
{
     var limit  = document.getelementbyid("filesizelimit").value * 1024;
   
     if (ofilechecker.filesize > limit)
     {
        alert("too large");
     }
     else
     {
        alert("ok");
     }
}
</script>