使用javascript从文件夹中获取图像大小

【问题标题】：getting image size from folder using javascript使用javascript从文件夹中获取图像大小
【发布时间】：2013-12-19 00:38:03
【问题描述】：

有没有办法使用 javascript 或 jquery 获取图像尺寸？我正在尝试从服务器上的文件夹中获取图像大小，但我无法使用 php，因为我有大约 50 多个图像需要检查图像尺寸。是否有可以用来获取图像尺寸的插件或函数？

【问题讨论】：

标签： javascript php jquery image file-upload

【解决方案1】：

$("img").each(function()
{
    console.log(this.width());
    console.log(this.height());
});

【讨论】：

【解决方案2】：

这个插件应该可以帮助你：

https://github.com/desandro/imagesloaded

$("#loaded_image").imagesLoaded(function(){
console.log( $(this).width() )
console.log( $(this).height() )
});

但是，如果您想在使用 PHP 加载图像之前获取信息，请参阅此处：

http://php.net/manual/en/function.getimagesize.php

【讨论】：

我可能会使用 getimagesize 代替，因为我在加载图像时会按比例缩小它们。

【解决方案3】：

互联网上提供的示例代码

<?php

list($width, $height, $type, $attr) = getimagesize("image_name.jpg");

echo "Image width " .$width;
echo "<BR>";
echo "Image height " .$height;
echo "<BR>";
echo "Image type " .$type;
echo "<BR>";
echo "Attribute " .$attr;

?>

【讨论】：