javascript - 同步返回异步onload事件的值？

Question

给定以下函数:

function check_min_sizing (input, options) {
  reader = new FileReader();
  reader.onload = function (e) {
    img_rsc = e.target.result;
    image = new Image();
    image.onload = function () {
      if (image.width < options.min_width || image.height < options.min_height) {
        return false;
      } else {
        return true;
      }
    };
    image.src = img_rsc;
  };
  reader.readAsDataURL(input.files[0]);
}

如何让整个函数返回 true 或 false？它不能像上面那样工作，因为(我相信)该函数在 onload 执行之前完成执行...

我希望能够做这样的事情:

if (check_min_sizing(input, options)) {
  // do something successful
} else {
  // throw an error
}

Answer 1

有一些方法可以使这个工作正常进行，方法是在图像加载之前阻止该功能，但这是一件坏事。调用代码应该传入一个回调函数，或者如果你想要一个错误回调函数则传入两个。

check_min_sizing(input, options, function(e){
  // do something successful
}, function(error){
  // throw an error
});