javascript 监测(控制 )上传文件大小

原创于 2010-11-16 14:32:07 发布 · 115 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

本文介绍了一种使用JavaScript实现的图片上传验证方法，通过监听文件输入框的改变事件来检查用户上传的图片是否超过200KB的大小限制，并处理加载失败的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script language="javascript">
var oForm = new Object();
var oImage = new Image();
oImage.attachEvent('onload',getSize);
oImage.attachEvent('onerror',doWithError);
function checkImage(obj){
    oForm = obj;
    oImage.src = oForm.oFile.value;
}
function getSize(){
    var oImgSize = Math.floor(oImage.fileSize/1024);
    if(oImgSize>200){
        window.alert('不允许上传大于200KB的图片！');
        oForm.reset();
    }
}
function doWithError(){
    window.alert('出现错误：请重新选择图片上传！');
    oForm.reset();
}
</script>

<form name="data_form" method="post" enctype="multipart/form-data"> 
   <input type="file" name="oFile" onpropertychange="javascript:checkImage(document.data_form);">
</form>