Question

我想从JavaScript函数返回图像，但是仅在加载所述图像后才返回。我从此功能返回未加载的图像时遇到了问题

function modifyImage(src) {

//do some stuff to src

let dest = new Image()
dest.src = "modified code, whatever"

return dest
}

当函数返回dest时，dest尚未加载。如何等待dest加载？

Answer 1

您想要load事件。

注意：这是异步的。这意味着文件将在函数完成后加载，并且您将不得不使用回调。

function modifyImage(src) {

  //do some stuff to src

  let dest = new Image()
  dest.addEventListener("load", () => {
    console.log("Loaded");
  });

  dest.src = "https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"

  return dest
}

modifyImage();

仅在加载后返回图像

1 个答案: