PHP或js获取图片的高度

Question

这样的页面

<li><img src="1.jpg" width="192px" height="高度" />
<li><img src="1.jpg" width="192px" height="高度" />
...
<li><img src="1.jpg" width="192px" height="高度" />
<li><img src="1.jpg" width="192px" height="高度" />

每个图片宽度都不一样。有什么方法可以获取到每张图片的高度。并且填到height里面去？
求教！

Answer 1

PHP的函数getimagesize可以得到图片的宽高等信息

array getimagesize ( string $filename [, array &$imageinfo ] )

返回一个具有四个单元的数组。索引 0 包含图像宽度的像素值，索引 1 包含图像高度的像素值。索引 2 是图像类型的标记：1 = GIF，2 = JPG，3 = PNG，4 = SWF，5 = PSD，6 = BMP，7 = TIFF(intel byte order)，8 = TIFF(motorola byte order)，9 = JPC，10 = JP2，11 = JPX，12 = JB2，13 = SWC，14 = IFF，15 = WBMP，16 = XBM。这些标记与 PHP 4.3.0 新加的 IMAGETYPE 常量对应。索引 3 是文本字符串，内容为“height="yyy" width="xxx"”，可直接用于 IMG 标记。

这是PHP官网的手册：http://php.net/manual/en/function.get...

补充一个demo：

$images_array = array("http://static.zend.com/img/logo.gif");

foreach($images_array as $image)
{
	list($width, $height, $type, $attr) = getimagesize($image);
	$new_height = (int)(192 / $width * $height);
	echo '<li><img src="'.$image.'" width="192px" height="'.$new_height.'" />';
}