使用JQuery/javascript获取图像大小

使用JQuery/javascript获取图像大小,javascript,jquery,Javascript,Jquery,请告诉我如何使用jquery或javascript获取页面中所有图像的图像大小 请告诉我如何获得图像大小 使用jquery查询页面中的所有图像 或javascript 您可以使用jQuery的名称和方法: $('img').each(function(){ alert('width=' + $(this).width() + '\nHeight=' + $(this).height()); }); 更多信息: 您可以获得的唯一尺寸是可见尺寸。这是两个DOM属性。例如: var im

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

请告诉我如何获得图像大小 使用jquery查询页面中的所有图像 或javascript

您可以使用jQuery的名称和方法:

$('img').each(function(){
   alert('width=' + $(this).width() + '\nHeight=' + $(this).height());
});
更多信息:


您可以获得的唯一尺寸是可见尺寸。这是两个DOM属性。例如:

var image = document.getElementById("id");
var width = image.clientWidth;
var height = image.clientHeight;
如果您使用的是jQuery,则只需使用和:

因此,要获得所有图像的大小,请循环它们:

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

如果您需要实际尺寸,请查看此问题

是否要合计总尺寸?每个图像都是独立的?可能的副本我有一个表单来上传图像,在我在服务器端处理图像之前,有没有办法在客户端获取图像尺寸。@SIFE是的,在较新的浏览器中是可能的。请用一个新问题问这个问题。请看我的pls。stackoverflow必须启动url缩短服务。
var width = $("id").width();
var height = $("id").height();
$("img").each(function()
{
    console.log(this.width());
    console.log(this.height());
});