`
橄榄绿
  • 浏览: 272760 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS判断图片大小

阅读更多

<input type="text" size="4" value="10" name="fileSizeLimit" id="fileSizeLimit"/> K
<input type="file" name="file1" id="file1" size="40" onchange="changeSrc(this)"/>
<img src="about:blank" id="fileChecker" alt="test"  height="18"/>
   
//前面为网页
<script type="text/javascript">
var oFileChecker = document.getElementById("fileChecker");
   
function changeSrc(filePicker)
{

    oFileChecker.src = filePicker.value;//读图片
 alert("sss");
}
   
//这个很重要,判断是否完全读完,否则判断图片大小不准确
oFileChecker.onreadystatechange = function ()
{alert(oFileChecker.src);
     if (oFileChecker.readyState == "complete")
     {
        checkSize();
     }
}
   
function checkSize()
{
     var limit  = document.getElementById("fileSizeLimit").value * 1024;
   
     if (oFileChecker.fileSize > limit)
     {
        alert(oFileChecker.fileSize);
     }
     else
     {
        alert("ok");
     }
}
</script>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics