等待.onload并检查多张图像的分辨率

<img src="image1.jpg" id="image1">
<img src="image2.jpg" id="image2">
<img src="image3.jpg" id="image3">

var image1 = document.getElementById("image1");
var image2 = document.getElementById("image2");
var image3 = document.getElementById("image3");

image1.onload = function() {
  var width = image1.naturalWidth;
  var height = image1.naturalHeight;
  console.log("Image 1 resolution: " + width + "x" + height);
  // 进行相应的处理或展示
};

image2.onload = function() {
  var width = image2.naturalWidth;
  var height = image2.naturalHeight;
  console.log("Image 2 resolution: " + width + "x" + height);
  // 进行相应的处理或展示
};

image3.onload = function() {
  var width = image3.naturalWidth;
  var height = image3.naturalHeight;
  console.log("Image 3 resolution: " + width + "x" + height);
  // 进行相应的处理或展示
};