用javascript判断上传图片的大小

最新推荐文章于 2022-04-19 11:46:52 发布

原创最新推荐文章于 2022-04-19 11:46:52 发布 · 112 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #F# #ViewUI

javascript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何使用JavaScript实现文件上传并实时预览图片，包括文件格式验证、大小限制和图片损坏检测。


<input type="file" id="file" />
<script type="text/javascript"> 
var f = document.getElementById('file');
f.onchange = function(){
	var i = new Image()
		, f_val = f.value
		, isImg = /jpg|gif/i.test( (f_val.match(/\.(\w+)$/)[0]).toLowerCase() )
		, num_tmp = 0;
	i.src = f_val;
	if(!isImg){
		alert('图片格式不对，请选择正确的图片');
		//选择的不是图片的时候;
		return false;
	}
	var newSetInterval = setInterval(function(){
		num_tmp++;
		if(num_tmp>=10){
			alert('图片已损坏，请换一张图片');
			//当后缀是图片格式，但是是后改的后缀，在这里添加对应动作
			clearInterval(newSetInterval);
			return false;
		}
		if(i.fileSize && i.fileSize != -1){
			alert(i.fileSize);
			//在这里添加你的判断、图片处理代码
			clearInterval(newSetInterval);
		};
	}, 20);
}
</script>