<!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>3*1024*1024){ | |
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> | |
新闻热点
疑难解答