上传文件验证格式与大小

最新推荐文章于 2021-07-02 14:52:54 发布

weixin_30321449

最新推荐文章于 2021-07-02 14:52:54 发布

阅读量132

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/yingjie13/p/4138589.html

版权

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script src="jquery-1.7.1.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(document).ready(function(){

	$("#form01").change( function(){

	var filepath=$("input[name='myFile']").val();

	var extStart=filepath.lastIndexOf(".");

	var ext=filepath.substring(extStart,filepath.length).toUpperCase();

	if(ext!=".BMP"&&ext!=".PNG"&&ext!=".GIF"&&ext!=".JPG"&&ext!=".JPEG"){

	alert("图片限于bmp,png,gif,jpeg,jpg格式");
	return false;
	}else{$("#name01").text(ext)}

	var file_size = 0;
	if ( $.browser.msie) {
	var img=new Image();
	img.src=filepath;
	while(true){
	if(img.fileSize > 0){
	if(img.fileSize>310241024){

	alert("图片不大于100MB。");
	}else{
	var num03 = img.fileSize/1024;
	num04 = num03.toFixed(2)
	$(".size02").text(num04+"KB");
	}
	break;
	}
	}
	} else {
	file_size = this.files[0].size;
	console.log(file_size/1024/1024 + " MB");

	var size = file_size / 1024;
	if(size > 10240){
	alert("上传的文件大小不能超过10M！");
	}else{
	var num01 = file_size/1024;
	num02 = num01.toFixed(2)
	$("#size01").text(num02 + " KB");
	}
	}
	return true;
	});

	});
	</script>
	<title>无标题文档</title>
	</head>

	<body>
	<table width="500" cellspacing="0" cellpadding="0">
	<tr>
	<td width="72" id="name01"> </td>
	<td width="242"><input type="file" name="myFile" id="form01" /></td>
	<td width="184" id="size01" class="size02"> </td>
	</tr>
	</table>

	</body>
	</html>

转载于:https://www.cnblogs.com/yingjie13/p/4138589.html

weixin_30321449

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
上传文件验证格式与大小

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> ...
复制链接

扫一扫