Javascript 在回调函数之外使用参数值（未定义）

我有以下使用回调的代码：

photoUploadLoad(e.target.result, ".upload-photos-container", function(resizedImg){});

我想在函数之外使用resizedImg，如下所示：

  $(emptyPhotos()[0]).attr('src', resizedImg);

这是photoUploadLoad功能：

function photoUploadLoad(imgUpload, element, callback) {
  var img = new Image();
  img.src = imgUpload;
  img.onload = function() {
    $(element).removeClass("loading");
    var canvas=document.createElement("canvas");
    var ctx=canvas.getContext("2d");
    var iw=img.width;
    var ih=img.height;
    var scale=Math.min((maxW/iw),(maxH/ih));
    var iwScaled=iw*scale;
    var ihScaled=ih*scale;
    canvas.width=iwScaled;
    canvas.height=ihScaled;
    ctx.drawImage(img,0,0,iwScaled,ihScaled);
    img.src=canvas.toDataURL();
    callback(img.src);
  };
}

但是不断地变得不明确。有什么想法吗？

onload是异步的

您需要在作为回调传入的匿名函数中执行此操作

---

$emptyPhotos[0].attr'src'，functionresizedImg{}；添加了缺少的函数@AlivetoDie@AlivetoDie这个功能毫无意义。第一个论点是index@ThisGuyHasTwoThumbs我应该把它放在哪里？不清楚函数外部的真正含义，也不清楚您期望实现如何工作。我不想在函数内部运行它，但onload是异步的。返回到澄清您到底想做什么一种替代方法是使用在函数中解析的承诺。@user1937021几乎没有其他选项，您的回调是异步的

photoUploadLoad(e.target.result, ".upload-photos-container", function(resizedImg){
    $(emptyPhotos()[0]).attr('src', resizedImg);
});