用php或js获取图片大小,高宽尺寸.

最新推荐文章于 2021-03-09 18:56:36 发布

keenx

最新推荐文章于 2021-03-09 18:56:36 发布

阅读量3.8k

点赞数

文章标签： php function border input html file

本文链接：https://blog.csdn.net/keenx/article/details/494156

版权

<?
$arr=getimagesize("images/album_01.gif");
echo $arr[3];
$strarr=explode("/"",$arr[3]);
echo $strarr[1];
?>

<HTML>
<HEAD>
<TITLE>演示图片等比例缩小</TITLE>
<script>
function Wa_SetImgAutoSize(img)
{
//var img=document.all.img1;//获取图片
var MaxWidth=200;//设置图片宽度界限
var MaxHeight=100;//设置图片高度界限
var HeightWidth=img.offsetHeight/img.offsetWidth;//设置高宽比
var WidthHeight=img.offsetWidth/img.offsetHeight;//设置宽高比
alert("test"+img.offsetHeight+img.fileSize);
if(img.offsetHeight>1) alert(img.offsetHeight);
if(img.readyState!="complete"){
return false;//确保图片完全加载
}

if(img.offsetWidth>MaxWidth){
img.width=MaxWidth;
img.height=MaxWidth*HeightWidth;
}
if(img.offsetHeight>MaxHeight){
img.height=MaxHeight;
img.width=MaxHeight*WidthHeight;
}
}

function CheckImg(img)
{
var message="";
var MaxWidth=1;//设置图片宽度界限
var MaxHeight=1;//设置图片高度界限

if(img.readyState!="complete"){
return false;//确保图片完全加载
}
if(img.offsetHeight>MaxHeight) message+="/r高度超额："+img.offsetHeight;
if(img.offsetWidth>MaxWidth) message+="/r宽度超额："+img.offsetWidth;
if(message!="") alert(message);
}
</script>
</HEAD>
<BODY>
<img src="images/frequency.gif" border=0 id="img1" οnlοad="CheckImg(this);">
<br>
<input id=inp type="file" onpropertychange="img1.src=this.value;">
</BODY>
</HTML>

keenx

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
用php或js获取图片大小,高宽尺寸.

$arr=getimagesize("images/album_01.gif"); echo $arr[3];$strarr=explode("/"",$arr[3]);echo $strarr[1];?> 演示图片等比例缩小 function Wa_SetImgAutoSize(img) { //var img=document.all.img1;//获取图片 var MaxWidth=20
复制链接

扫一扫