1<html>
2<head>
3<title>演示图片等比例缩小</title>
4<script>
5function Wa_SetImgAutoSize(img)
6{
7//var img=document.all.img1;//获取图片
8var MaxWidth=200;//设置图片宽度界限
9var MaxHeight=100;//设置图片高度界限
10var HeightWidth=img.offsetHeight/img.offsetWidth;//设置高宽比
11var WidthHeight=img.offsetWidth/img.offsetHeight;//设置宽高比
12alert("test"+img.offsetHeight+img.fileSize);
13if(img.offsetHeight>1) alert(img.offsetHeight);
14if(img.readyState!="complete"){
15return false;//确保图片完全加载
16}
17
18if(img.offsetWidth>MaxWidth){
19img.width=MaxWidth;
20img.height=MaxWidth*HeightWidth;
21}
22if(img.offsetHeight>MaxHeight){
23img.height=MaxHeight;
24img.width=MaxHeight*WidthHeight;
25}
26}
27
28function CheckImg(img)
29{
30var message="";
31var MaxWidth=1;//设置图片宽度界限
32var MaxHeight=1;//设置图片高度界限
33
34if(img.readyState!="complete"){
35return false;//确保图片完全加载
36}
37if(img.offsetHeight>MaxHeight) message+="\r高度超额："+img.offsetHeight;
38if(img.offsetWidth>MaxWidth) message+="\r宽度超额："+img.offsetWidth;
39if(message!="") alert(message);
40}
41</script>
42</head>
43<body>
44<img border="0" id="img1" onload="CheckImg(this);" src="images/frequency.gif"/>
45<br/>
46<input id="inp" onpropertychange="img1.src=this.value;" type="file"/>
47</body>
48</html>
用php或js获取图片大小,高宽尺寸.
comments powered by Disqus