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

来源：互联网发布：nodejs 定义二维数组编辑：程序博客网时间：2024/06/18 06:29

/*
* 判断图片类型
*
* @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 onclick="checkImgPX()">Test</button>

</body>
</html>

http://book.51cto.com/art/201101/243880.htm

0 0

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

判断图片的长宽和大小

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