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

上传图片时在客户端限制图片大小 并弹框
<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]