图片上传js验证图片长宽_js判断上传图片大小及尺寸

以下直接粘贴到记事本中,给后缀改为html即可运行

============================================================

(最佳图片尺寸:宽度不超过600像素,高度不超过600像素)

var AllowImgFileSize=512;                //允许上传图片文件的大小 0为无限制 单位:KB

var AllowImgWidth=600;                        //允许上传的图片的宽度 0为无限制 单位:px(像素)

var AllowImgHeight=600;                        //允许上传的图片的高度 0为无限制 单位:px(像素)

function checkImg(){

var txtImg=document.getElementById("txtImg");

if (txtImg.value==""){

alert("请点击浏览按钮,选择您要上传的JPG或GIF文件!");

txtImg.focus();

return false;

}

var txtImg_url=txtImg.value.toLowerCase();

var txtImg_ext=txtImg_url.substring(txtImg_url.length-3,txtImg_url.length);

if (txtImg_ext!="jpg" && txtImg_ext!="gif" ){

alert("请选择JPG或GIF格式的文件!");

txtImg.select()

document.execCommand("Delete");

txtImg.focus();

return false;

}

var ErrMsgErrMsg = "";//错误信息

var img=new Image();

img.src=txtImg.value;

if(img.width > AllowImgWidth){

ErrMsgErrMsg="\n\n图片宽度超过限制 请上传宽度小于"+AllowImgWidth+"px的文件,当前图片宽度为"+img.width+"px";

alert(ErrMsgErrMsg);

return false;

}

if(img.height > AllowImgWidth){

ErrMsgErrMsg="\n\n图片高度超过限制 请上传高度小于"+AllowImgHeight+"px的文件,当前图片高度为"+img.height+"px";

alert(ErrMsgErrMsg);

return false;

}

var size = formatNum(img.fileSize / 1024,2);

if(size > AllowImgFileSize)  {

ErrMsgErrMsg = "\n\n图片文件大小超过限制 请上传小于"+AllowImgFileSize+"KB的文件,当前文件大小为"+size+"KB";

alert(ErrMsgErrMsg);

return false;

}

alert('ok!');

return true;

}

function formatNum(amt,pre) {

pre = pre > 0 && pre <= 20 ? pre : 2;

amt = parseFloat((amt + "").replace(/[^\d\.-]/g, "")).toFixed(pre) + "";

var left = amt.split(".")[0].split("").reverse();

var right = amt.split(".")[1];

var t = "";

for(i = 0; i < left.length; i ++ ) {

t += left[i] + ((i + 1) % 3 == 0 && (i + 1) != left.length ? "" : "");

}

return t.split("").reverse().join("") + "." + right;

}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值