使用JQuery / javascript获取图像大小

Question

请告诉我如何使用jquery或javascript

获取页面中所有图像的图像大小

Answer 1

您可以获得的唯一尺寸是可见尺寸。 clientWidth和clientHeight是两个执行此操作的DOM属性。例如：

var image = document.getElementById("id");
var width = image.clientWidth;
var height = image.clientHeight;

如果您使用的是jQuery，则只需使用$.width和$.height：

var width = $("id").width();
var height = $("id").height();

因此，要获得所有图像的大小，请将它们循环：

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

如果您需要实际尺寸，请参阅此问题Get the real width and height of an image with JavaScript? (in Safari/Chrome)

Answer 2

$('img').each(function() {
   $(this).width(); // current image's width
   $(this).height(); // current image's height
});

Answer 3

  

请告诉我如何获取图像大小   使用jquery在页面中的所有图像   或者javascript

您可以使用jQuery的width()和height()方法：

$('img').each(function(){
   alert('width=' + $(this).width() + '\nHeight=' + $(this).height());
});

更多信息：

• http://api.jquery.com/width/
• http://api.jquery.com/height/