javascript - 如何在使用 JavaScript 在 web 中显示之前旋转图像？

Question

我只是想知道，我可以在将图像显示在网络上之前检测图像的属性吗？就我而言，我有一千张照片。我想在我的网页上显示它们，但有些照片的方向不同(例如横向和纵向)。

我可以在图片显示在我的网页上之前检测图片的宽度和高度吗？

也许像这样使用 JavaScript:

If height>width than rotate
else just display.

是否有任何 JavaScript 函数可以做到这一点？只是为了获取不显示它的属性。有什么技巧吗？

Answer 1

你必须等到它被加载。

setInterval(function () {
   if(loaded)
   {
      clearInterval(wait);
   }
   else
   {
      log(img.width, 'x', img.height);
   }
}, 0);

我找到了一个例子 here .

希望对您有所帮助。