用js判断上传图片的类型与大小、宽高等信息。
代码:
/*
*
* Filename: uploadimg.js
* Description:js判断上传图片类型 以及图片文件大小,和高度宽度尺寸大小控制
* Version: 1.0
* Created: 2013.08.11
* Author: liangjw
* E-mail : liangjw0504@163.com
* Q Q : 592568532
* Company: Copyright (C) Create Family Wealth Power By Peter
**/
* 备注信息: 上传部分自己总结的常用方法的封装,有不足和不完美之处,希望大家指出来,愿意一起
* 主要研究erp,cms,crm,b2b,oa等系统和网站的开发,欢迎有共同追求和学的IT人员一起学习和交流。
* 学习和讨论有关asp.net mvc ,Ajax ,jquery ,html/css, xml ,sqlserver ,wpf,IIS以及服务器的搭建和安全性相关技术的交流和学习。
/*
* 判断图片类型
*
* @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;
}
else
{
var img=new Image();
img.src=filepath;
while(true){
if(img.fileSize>0){
if(img.fileSize>10*1024){
alert("图片不大于10M。");
return false;
}
break;
}
}
}
}
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;
}