Question

我正在创建一个网站来分享可以下载并在用户桌面上使用的壁纸。但我无法找到向访问者展示其解决方案的方法。是的，我可以自己编写分辨率，但问题是我分享了太多的图像，我不可能为每个图像写出分辨率。

我可以自动创建说明，但我想显示图像分辨率。

使用JavaScript可以实现这一目标吗？如果在图像加载后显示结果，则没问题。

Answer 1

您可以在JavaScript中将其创建为img元素，而无需在页面上呈现它：

var img = document.createElement('img');

img.src = "path_to_src";

现在您的图片已创建，您可以使用img.height和img.width拉出高度和宽度，这些图片会在图片加载后获得：

var x = document.createElement('img');

x.src = "http://placehold.it/128x256";

x.onload = function() {
  var html = "";
  
  html += "Height = " + x.height + "px<br>";
  html += "Width = " + x.width + "px";
  
  document.querySelector('p').innerHTML = html;
}

<p>
    <!-- Image height and width will be displayed here instead of the below text. -->
    Creating image and pulling its height and width...
</p>

如何从其URL显示图像分辨率

1 个答案: