`await image.onload;`如何工作？ onload为null，但正在等待onload 添加

编程问答 2022-06-03

问题描述

我正在寻找一种获取图像尺寸的方法。

我了解到Promise和async / await可以在image.onload中使用。

但是，与许多示例不同，我发现它只需要等待代码中的空状态加载即可。

为什么这样运作良好？

这是我的代码

  const base64 = reader.result;
  reader.onloadend = async () => {
        if (base64) {
          let img = new Image();
          img.src = base64.toString();
          await img.onload; // <-- null,Here's my question
          // img succesfully loaded.
        });
   ...
}

添加

正常使用方法：

const base64 = reader.result;
  if (base64) {
  let img = new Image();
  img.src = base64.toString();
  img.onload = async () => {
    // setState or Do something.
  };

但是我没有指定任何回调方法，而是等待直到图像加载完毕。

我想知道为什么onload为null时您在等我。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

imageimageimagejavascriptreactjsreactjsreactjsreactjstypescripttypescripttypescript