javascript验证上传附件大小

使用javascript简单的在浏览器客户端实现验证上传附件的大小,代码如下:

<html>
<SCRIPT  src=”jquery-1.2.6.js” type=text/javascript></SCRIPT>
<body>
<script type=”text/javascript”>
$().ready(function(){
$(“#button1”).click(validateForm);
});

//验证表单的file元素,如果大于maxFileSize返回false,否则返回true
function validateUploadField(elementObj,maxFileSize){
var filePath =elementObj.value;
var image=new Image();
image.dynsrc=filePath;
var file_size = image.fileSize;
if(file_size>maxFileSize){ return false;}
return true;
}

function validateForm(){
var __maxFileSzie = 10000000;
var __fileV = true;
$(‘input[@type=file]’).each(function(){
__fileV = validateUploadField(this,__maxFileSzie);
if(!__fileV){return false;}
});
if(!__fileV){
alert(“上传附件大小不能超过”+__maxFileSzie+”kb”);
}
}
</script>

<form id=”form1″ name=”form1″>
<INPUT TYPE=”file” NAME=”file” SIZE=”30″ id=”file1″/><br/>
<INPUT TYPE=”file” NAME=”file” SIZE=”30″ id=”file2″/>
<input type=”button” value=”测试” id=”button1″/>
</form>

</body>
</html>

IE6下测试通过,FF测试未通过,FF出于安全考虑没有提供客户端file的方法。

参考http://topic.csdn.net/u/20081107/09/33621944-77e5-4ee5-b800-b7f85caaad9f.html

原创文章,转载请注明: 转载自海波无痕

本文链接地址: javascript验证上传附件大小

文章的脚注信息由WordPress的wp-posturl插件自动生成

此条目发表在javaee分类目录,贴了, , 标签。将固定链接加入收藏夹。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论链接可以 移除 nofollow.