上传图片的验证验证是否为图片后缀名验证（总结）

最新推荐文章于 2024-06-14 15:32:43 发布

疯狂的球球ww

最新推荐文章于 2024-06-14 15:32:43 发布

阅读量6.5k

点赞数 2

文章标签：图片 jsp 上传验证

/*
* 判断图片类型
*
* @param ths
* type="file"的javascript对象
* @return true-符合要求,false-不符合
*/
function checkImgType(ths){
if (ths.value == "") {
alert("请上传图片");
return false;
} else {
if (!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(ths.value)) {
alert("图片类型必须是.gif,jpeg,jpg,png中的一种");
ths.value = "";
return false;
}
}
return true;

}

/*
* 判断图片大小
*
* @param ths
* type="file"的javascript对象
* @param width
* 需要符合的宽
* @param height
* 需要符合的高
* @return true-符合要求,false-不符合
*/
function checkImgPX(ths, width, height) {
var img = null;
img = document.createElement("img");
document.body.insertAdjacentElement("beforeEnd", img); // firefox不行
img.style.visibility = "hidden";
img.src = ths.value;
var imgwidth = img.offsetWidth;
var imgheight = img.offsetHeight;

alert(imgwidth + "," + imgheight);

if(imgwidth != width || imgheight != height) {
alert("图的尺寸应该是" + width + "x"+ height);
ths.value = "";
return false;
}
return true;
}

function s() 
{ 
if(img)img.removeNode(true); //如果img存在的话，就删除
img=document.createElement("img"); //新建一个img对象
img.style.position="absolute"; //位置绝对
img.style.visibility="hidden"; //隐藏
img.attachEvent("onreadystatechange",orsc); //绑定事件
img.attachEvent("onerror",oe); //同上
document.body.insertAdjacentElement("beforeend",img); //插到文档里
img.src=inp.value; //图片的值等于inp的值
}

***************************************************************

*************************************************************************************

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~·

判断图片的长宽和大小

// -->
</script>
<BODY>
<div id="show"></div>
<div id="show1"></div>
<input type="file" name="" onpropertychange="chkimg(this.value)"/>
</BODY>
</HTML>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~·

3. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>

<script>
function checkImgPX( ) {
var ths = 'C:\Users\Administrator\Desktop\a.jpg';

//var ths = 'C:\Users\Administrator\Desktop\cyf.jpg';
var width = 400;
var height = 400;
alert('aa');
var img = null;
img = document.createElement("img");
document.body.insertAdjacentElement("beforeEnd", img); // firefox不行
img.style.visibility = "hidden";
img.src = ths;
var imgwidth = img.offsetWidth;
var imgheight = img.offsetHeight;

alert(imgwidth + "," + imgheight);

if(imgwidth != width || imgheight != height) {
alert("图的尺寸应该是" + width + "x"+ height);
ths.value = "";
return false;
}
return true;
}
</script>

<body>
<input id=inp type="file">
<br>
<button οnclick="checkImgPX()">Test</button>

</body>
</html>