jquery - 使用 jQuery 动态创建图像并检索尺寸

Question

所以我正在动态创建图像，并且希望获得图像尺寸。是否可以在将图像附加到 DOM 之前执行此操作？目前我正在这样做:

 var arrow = $('<img src="' + parameters.arrowRight + '" />');
 arrow.load(function() {  
      console.log("size: " + $(this).height() + " " + $(this).width());
  });

但高度和宽度均报告为零。该图像实际上正在被获取，因为我可以在 firebug 中看到 GET 请求。

Answer 1

没有。在将任何元素附加到 DOM 之前，无法获取其尺寸。

解决方法是为图像指定 css:margin-left: -10000px。然后您可以附加它，但它将不可见。然后您可以获得其尺寸并根据需要进行处理。