如何从此函数获取图像的宽度和高度？

Question

我如何才能在下面的代码之外获取w和h值。 我需要获取选择上传的每个图像的宽度和高度。

     var widt;
            var hit;
            reader.readAsDataURL(file);
            reader.onload = function (_file) {
                image.src = _file.target.result;              // url.createObjectURL(file);
                image.onload = function () {
                    var w = this.width,
                        h = this.height,
                        t = file.type,                           // ext only: // file.type.split('/')[1],
                        n = file.name
                    widt = w;
                    hit = h;
                };
            };
console.log(widt);

在这里console.log返回undefined 。

Answer 1

您的变量名是widt并且您正在控制台日志中使用width 。 尝试：

console.log(widt);

另外，将该控制台日志放入image.onload函数以获取正确的响应。

Answer 2

您在以下代码行的末尾错过了分号

  n = file.name

Answer 3

1. “ console.log（widh）;” 更改为“ console.log（widt）;”
2. 把“ console.log（widt）;” 进入“ image.onload”功能。

码：

image.onload = function () {
  var w = this.width,
      h = this.height,
      t = file.type,                           
      n = file.name;
  widt = w;
  hit = h;
  console.log(widt);
};