js对图片进行处理(宽)按比例缩小

最新推荐文章于 2017-05-19 16:32:25 发布

javaVenice

最新推荐文章于 2017-05-19 16:32:25 发布

阅读量214

点赞数 1

文章标签： java

本文介绍了一种用于调整网页中图像尺寸的方法，通过JavaScript实现自动检测并调整超过预设尺寸（默认为150像素宽）的图像。该方法适用于从表单或特定区域内的所有图像。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//=============处理图象==================
function checkimages(imgsize){
	if(imgsize==undefined){
		imgsize=150;
	}
	var i;
	//获取from或者div的id。只要在 div 里面
	var PR=document.getElementById("PhotoRange");
	//alert(topic);
	if (PR){
		//获取标签<img>
		var topicimages=PR.getElementsByTagName("img");
			if(topicimages){
				//数组储存,方便取
				var iarray=topicimages;
				//循环去查找、
				for(i in iarray){
					//alert(iarray[i].width);
					if(iarray[i].width>imgsize){

						var intwidth=iarray[i].width;//图片本身大小
						var a=imgsize/intwidth;//占多少比例
						var intheight=iarray[i].height;
						intheight*=a;//比例高
						iarray[i].width=imgsize;//重新赋值
						iarray[i].height=intheight;

					}
					if(iarray[i].style!=null){//需求判断、不然会找不到style
						if(iarray[i].style.width!=null || iarray[i].style.height!=null){
							//取值都有  px.parseInt强制转换
							if(parseInt(iarray[i].style.width)>imgsize){
							var intwidth=iarray[i].style.width;
							var a=imgsize/intwidth;
							var intheight=iarray[i].style.height;
							intheight*=a;
							iarray[i].style.width=imgsize+"px";//一样的结果、却要在后缀+ px;
							iarray[i].style.height=intheight+"px";
							}
						}
					}
				}
			}

	}
}

//img

:wink: :wink: :wink:
暂时就这2种了、