在图像完全加载之前使用Javascript获取图像尺寸

在图像完全加载之前使用Javascript获取图像尺寸，可以使用以下方法：

使用Image对象

通过创建一个Image对象，并设置其src属性，可以在图像加载完成后触发onload事件，从而获取图像尺寸。

var img = new Image();
img.onload = function() {
  var width = this.width;
  var height = this.height;
  console.log("Image dimensions: " + width + " x " + height);
};
img.src = "image_url";

使用HTMLImageElement对象

通过创建一个HTMLImageElement对象，并设置其src属性，可以在图像加载完成后触发onload事件，从而获取图像尺寸。

var img = document.createElement("img");
img.onload = function() {
  var width = this.width;
  var height = this.height;
  console.log("Image dimensions: " + width + " x " + height);
};
img.src = "image_url";

使用FileReader对象

如果图像是通过文件选择器选择的，可以使用FileReader对象读取图像文件，并在读取完成后使用FileReader对象的result属性获取图像数据，从而获取图像尺寸。

var fileInput = document.createElement("input");
fileInput.type = "file";
fileInput.addEventListener("change", function(event) {
  var file = event.target.files[0];
  var reader = new FileReader();
  reader.onload = function(event) {
    var img = new Image();
    img.onload = function() {
      var width = this.width;
      var height = this.height;
      console.log("Image dimensions: " + width + " x " + height);
    };
    img.src = event.target.result;
  };
  reader.readAsDataURL(file);
});

需要注意的是，以上方法都是异步获取图像尺寸，因此需要在图像加载完成后才能获取尺寸。如果在图像加载完成之前尝试获取尺寸，可能会得到不正确的结果。