<!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=gb2312"
/>
<
title
>无标题文档 </
title
>
</
head
>
<
body
>
<
script
type
=
"text/javascript"
>
var imgSize = 1024 * 100; //最大100K
function checkImgSize(){
var file = document.getElementById("fuPhoto");
if(file.value != ""){
//检测类型
var val = file.value;
if(/^.*?\.(gif|png|jpg|JPG|JPEG|jpeg|bmp)$/.test(val)){
}else{
alert("只能上传gif, png, jpg, bmp格式的图片");
// return false;
}
var img = new Image();
img.onreadystatechange = function(){
if(img.readyState == "complete"){
if(img.fileSize <=0 || img.fileSize > imgSize){
alert("当前文件大小" + img.fileSize / 1024 + "KB, 超出最大限制 " + imgSize / 1024 + "KB");
}else{
alert("OK");
return true;
}
}
}
img.src = val;
}else{
alert("请选择上传的文件!");
return false;
}
}
</
script
>
<
input
type
=
"file"
id
=
"fuPhoto"
/>
<
input
type
=
"submit"
value
=
"上传"
onclick
=
"return checkImgSize()"
/>
</
body
>
</
html
>