Javascript限制页面图片大小
2015-04-17来源:

Javascript限制页面图片大小,具体代码如下:

function limitImage(ImgD){

var areaWidth = 300; //你放置图片区域的宽度。

var areaHeight = 300; //你放置图片区域的高度。

var image=new Image();

image.src=ImgD.src;

if(image.width>0 && image.height>0){

flag=true;

if(image.width/image.height>= areaWidth/areaHeight){

if(image.width>areaWidth){

ImgD.width=areaWidth;

ImgD.height=(image.height*areaWidth)/image.width;

}else{

ImgD.width=image.width;

ImgD.height=image.height;

}

ImgD.alt=image.width+"×"+image.height;

}else{

if(image.height>areaHeight){

ImgD.height=areaHeight;

ImgD.width=(image.width*areaHeight)/image.height;

}else{

ImgD.width=image.width;

ImgD.height=image.height;

}

ImgD.alt=image.width+"×"+image.height;

}

}

}

更多信息请查看IT技术专栏

推荐信息
Baidu
map