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

＆＃34;的console.log（widh）;＆＃34;改为＆＃34; console.log（widt）;＆＃34;
put＆＃34; console.log（widt）;＆＃34;进入＆＃34; image.onload＆＃34;功能

代码：

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

如何从这个功能获得图像的宽度和高度？

3 个答案: