Get the real width and height of an image with JavaScript? (in Safari/Chrome)

后端 未结 30 2344
傲寒
傲寒 2020-11-22 01:16

I am creating a jQuery plugin.

How do I get the real image width and height with Javascript in Safari?

The following works with Firefox 3, IE7 and Opera 9:

30条回答
  •  甜味超标
    2020-11-22 01:32

    This works cross browser

    var img = new Image();
    $(img).bind('load error', function(e)
    {
        $.data(img, 'dimensions', { 'width': img.width, 'height': img.height });                    
    });
    img.src = imgs[i];              
    

    get the dimensions by using

    $(this).data('dimensions').width;
    $(this).data('dimensions').height;
    

    Cheers!

提交回复
热议问题