下面的验证到检查大小为止都是可以的 但是在检查尺寸的时候无论图片的分辨率有没超过600*800 都是验证通过请问下要怎么改<html>
<head>
<title>上传图片</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="style.css" rel="stylesheet" type="text/css">
<script language=javascript>
function fileChange(target){
//检测上传文件的类型
var imgName = document.all.file1.value;
var ext,idx;
if (imgName == ''){
document.all.B1.disabled=true;
alert("请选择需要上传的文件!");
return;
} else {
idx = imgName.lastIndexOf(".");
if (idx != -1){
ext = imgName.substr(idx+1).toUpperCase();
ext = ext.toLowerCase( );
// alert("ext="+ext);
if (ext != 'jpg' && ext != 'png' && ext != 'jpeg' && ext != 'gif'){
document.all.B1.disabled=true;
alert("只能上传.jpg .png .jpeg .gif类型的文件!");
document.getElementById("file1").value = "";
return;
}
} else {
document.all.B1.disabled=true;
alert("只能上传.jpg .png .jpeg .gif类型的文件!");
return;
}
}
//检测上传文件的大小
var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
var fileSize = 0;
if (isIE && !target.files){
var filePath = target.value;
var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
var file = fileSystem.GetFile (filePath);
fileSize = file.Size;
} else {
fileSize = target.files[0].size;
}
var size = fileSize / 1024*1024;
if(size>(1024*600)){
document.all.B1.disabled=true;
alert("文件大小不能超过600KB");
document.getElementById("file1").value = "";
}else{
document.all.B1.disabled=false;
}
var image=new Image();
image.src=document.myform.file1.value;
if (image.width>600||image.height>800){
alert("图片尺寸太大,请选择小于600*800的图片");
document.getElementById("file1").value = "";
return false;
}
return true
} </script>
</head><body leftmargin="0" topmargin="0" bgcolor="#EEF2FB">
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<form name="myform" method="post" action="upfile2.asp" enctype="multipart/form-data" language="javascript" >
<tr align="center" valign="middle">
<td height="15" align="left">
<input type="file" name="file1" id="file1" value="" style="width:190px; height:20px" onChange="fileChange(this);"> <input type="submit" value="上传" name="B1" id="B1" class="txt " isshowprocessbar="True"style=" height:20px" disabled="true"></td>
</tr>
</form>
</table>
</body>
</html>
<head>
<title>上传图片</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="style.css" rel="stylesheet" type="text/css">
<script language=javascript>
function fileChange(target){
//检测上传文件的类型
var imgName = document.all.file1.value;
var ext,idx;
if (imgName == ''){
document.all.B1.disabled=true;
alert("请选择需要上传的文件!");
return;
} else {
idx = imgName.lastIndexOf(".");
if (idx != -1){
ext = imgName.substr(idx+1).toUpperCase();
ext = ext.toLowerCase( );
// alert("ext="+ext);
if (ext != 'jpg' && ext != 'png' && ext != 'jpeg' && ext != 'gif'){
document.all.B1.disabled=true;
alert("只能上传.jpg .png .jpeg .gif类型的文件!");
document.getElementById("file1").value = "";
return;
}
} else {
document.all.B1.disabled=true;
alert("只能上传.jpg .png .jpeg .gif类型的文件!");
return;
}
}
//检测上传文件的大小
var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
var fileSize = 0;
if (isIE && !target.files){
var filePath = target.value;
var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
var file = fileSystem.GetFile (filePath);
fileSize = file.Size;
} else {
fileSize = target.files[0].size;
}
var size = fileSize / 1024*1024;
if(size>(1024*600)){
document.all.B1.disabled=true;
alert("文件大小不能超过600KB");
document.getElementById("file1").value = "";
}else{
document.all.B1.disabled=false;
}
var image=new Image();
image.src=document.myform.file1.value;
if (image.width>600||image.height>800){
alert("图片尺寸太大,请选择小于600*800的图片");
document.getElementById("file1").value = "";
return false;
}
return true
} </script>
</head><body leftmargin="0" topmargin="0" bgcolor="#EEF2FB">
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<form name="myform" method="post" action="upfile2.asp" enctype="multipart/form-data" language="javascript" >
<tr align="center" valign="middle">
<td height="15" align="left">
<input type="file" name="file1" id="file1" value="" style="width:190px; height:20px" onChange="fileChange(this);"> <input type="submit" value="上传" name="B1" id="B1" class="txt " isshowprocessbar="True"style=" height:20px" disabled="true"></td>
</tr>
</form>
</table>
</body>
</html>
解决方案 »
- Extjs的grid如何锁定列
- js捕捉状态栏的鼠标右键关闭
- [求助]按键进行页内查找
- 是否有方法,直接弹出显示文件选择框,而不用通过点击浏览按钮弹出
- 代码见内,怎样再建个当天日期,然后跟终止日期比较,终止日期不得早于当前日期
- 请高手们停留一刻,进来看看一个小小需求,100分相送
- 我想刷新父窗体,永了window.opener.location.reload();出错,说window.opener.location对象为空
- 如何直接在IE中打开WORD文挡?急!!!!
- 关于QQ菜单源码的修改,高手请进~~
- 为什么vscode里网页内嵌js里手动输入右大括号的时候会报这个错误
- 浏览器已经关闭,如何在电脑窗口的右下角仍旧弹提示消息那
- javascript中如何替换word中的文本框内容
image.src=document.myform.file1.value;查查你的图品路径对不对,应该是没能正确构造出一个image对象。document.myform.file1.value 获取的只是你选中的文件的名字,并非整个路径。