上传图片时在客户端限制图片大小 并弹框

<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;//读图片
}
   
//这个很重要，判断是否完全读完，否则判断图片大小不准确
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>[color=red][/color]

评论

1 楼 墨子宇 2012-08-29  

可能面向客户的使用环境不一样吧，这个方法以前也用过，IE6还行，IE7以上安全级别变高，这种方法在默认的internet域 ，不好使。如果非要客户去手动设置为受信任站点。这个用户会非常反感。“你要对我限制还需要我设置？”所以觉得这个方法基本没用。推荐用swfupload。