Попробуйте это:

var curHeight;
var curWidth;

function getImgSize(imgSrc)
{
var newImg = new Image();
newImg.src = imgSrc;
curHeight = newImg.height;
curWidth = newImg.width;

}

... но... не было бы лучше скорректировать размер изображения на стороне сервера вместо того, чтобы передать байты к браузеру и сделать его там?

, Когда я говорю, корректируют размер изображения, я не имею в виду, устанавливает высоту и ширину в теге изображения HTML. Если Вы делаете это, Вы все еще поставляете большое количество байтов от сервера до клиента. Я имею в виду, на самом деле управляю самим изображением сторона сервера.

у меня есть.NET код C# здесь, который проявляет тот подход, но должен быть php способ сделать это также: http://ifdefined.com/www/gallery.html

кроме того, путем выполнения его сторона сервера, которая открывает возможность выполнения корректировки только однажды и затем сохранение откорректированного изображения, которое было бы очень быстро.

Вы хотите скорректировать сами изображения, или просто способ, которым они отображаются? Если первый, Вы хотите что-то на стороне сервера. Если последний, просто необходимо изменить image.height и image.width.

Мое предпочтительное решение для этого должно было бы сделать серверную сторону изменения размеров, таким образом, Вы передаете менее ненужные данные.

, Если необходимо сделать это клиентский, хотя, и должен сохранить отношение изображения, Вы могли использовать ниже:

var image_from_ajax = new Image();
image_from_ajax.src = fetch_image_from_ajax(); // Downloaded via ajax call?

image_from_ajax = rescaleImage(image_from_ajax);

// Rescale the given image to a max of max_height and max_width
function rescaleImage(image_name)
{
    var max_height = 100;
    var max_width = 100;

    var height = image_name.height;
    var width = image_name.width;
    var ratio = height/width;

    // If height or width are too large, they need to be scaled down
    // Multiply height and width by the same value to keep ratio constant
    if(height > max_height)
    {
        ratio = max_height / height;
        height = height * ratio;
        width = width * ratio;
    }

    if(width > max_width)
    {
        ratio = max_width / width;
        height = height * ratio;
        width = width * ratio;
    }

    image_name.width = width;
    image_name.height = height;
    return image_name;
}

Хорошо... существует несколько способов интерпретировать этот вопрос.

первый путь и способ, которым я думаю, что Вы имеете в виду, состоят в том, чтобы просто изменить размер дисплея, таким образом, все изображения отображают тот же размер. Для этого я на самом деле использовал бы CSS и не JavaScript. Просто создайте класс, который имеет соответствующий набор значений ширины и высоты, и сделайте весь <img>, теги используют этот класс.

А второй путь состоит в том, что Вы хотите сохранить порцию аспекта всех изображений, но масштабировать размер дисплея к нормальному значению. Существует способ получить доступ к этому в JavaScript, но мне будет нужно немного для описывания быстрого примера кода.

третий путь, и я надеюсь, что Вы не имеете в виду этот путь, должен изменить фактический размер изображения. Это - что-то, что необходимо было бы сделать на стороне сервера, поскольку не только JavaScript, неспособный создать изображения, но и это не имело бы никакого смысла, когда изображение в натуральную величину было уже отправлено.

Стоит отметить, что в Firefox 3 и Safari, изменяя размеры изображения, просто изменив высоту и ширину не выглядит слишком плохо. В других браузерах это может выглядеть очень шумным, потому что это использует передискретизацию ближайшего соседа. Конечно, Вы платите для обслуживания увеличенного изображения, но это не могло бы иметь значения.

Я искал решение для получения высоты и ширины изображения с помощью JavaScript. Я нашел много, но все эти решения работали только тогда, когда изображение присутствовало в кеше браузера.

Наконец, я нашел решение для получения высоты и ширины изображения, даже если изображение не существует в кеше браузера:

<script type="text/javascript">

  var imgHeight;
  var imgWidth;

  function findHHandWW() {
    imgHeight = this.height;
    imgWidth = this.width;
    return true;
  }

  function showImage(imgPath) {
    var myImage = new Image();
    myImage.name = imgPath;
    myImage.onload = findHHandWW;
    myImage.src = imgPath;
  }
</script>

Спасибо ,

Бинод Суман

http://binodsuman.blogspot.com/2009/06/how-to-get-height-and-widht-of-image.html