<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function getImageSize(obj){
var _file=document.getElementById("file");
var i=_file.value.lastIndexOf('.');
var len=_file.value.length;
var extEndName=_file.value.substring(i+1,len);
var extName="GIF,BMP,JPG,JPEG";//首先对格式进行验证
if(extName.indexOf(extEndName.toUpperCase())==-1){
//filemessage.innerHTML="*您只能输入"+extName+"格式的文件"
alert("*您只能输入"+extName+"格式的文件");
}else{
var url,image;
if(obj.files){
if (window.navigator.userAgent.indexOf("MSIE") >= 1) {
obj.select();
url=document.selection.createRange().text;
}
//firefox
else if (window.navigator.userAgent.indexOf("Firefox") >= 1) {
url= window.URL.createObjectURL(obj.files.item(0));
}else{
url= obj.files.item(0).getAsDataURL();
}
}else{
url=obj.value;
url="file:///"+url;
}
image=new Image();
image.src=url;
image.onload=function(){
alert(image.width);
alert(image.height);
if(image.width!=80||image.height!=80){
// filemessage.innerHTML="*提示：文件大小不对。您只能上传985*123尺寸的图片或者swf文件";
alert("*提示：文件大小不对。您只能上传80*80尺寸的图片");
}
}
}
}
</script>
</head>
<body>
<input type="file" name="file" id="file" onchange="getImageSize(this)"/>
</body>
</html>
js图片上传验证图片格式和大小尺寸
时间： 2024-10-21 08:53:54