javascript - 完成上一个函数后运行函数

Question

我正在学习 JavaScript。我被困在这段代码的中间。我对此进行了很多搜索，但我不明白答案。

这是我的 JavaScript 代码:

我正在调用 downloadImages3() 函数而不执行下一个函数正在调用的 for 循环，但我想在 downloadImages3() 完成后执行 downloadIamges4() 。

function downloadImages3() {
  var e = 0;
  var length = $(".myFile").length;
  alert("length=" + length);
  for (e = 0; e < $(".myFile").length; e++) {
    html2canvas($('myFile')[e], {
      onrendered: function(canvas) {
        var myImage = canvas.toDataURL("image/jpeg");
        imagenameurl.push(myImage);
        alert("myImage=" + myImage);
      }
    });

  } //for loop end
  downloadIamges4();
} // this is my first function and iam calling another function with "downloadIamges4()"

// this is another function

function downloadIamges4() {

  var url = "/xxxxxxx/download/ConvertVideo.action?sourceUrl=" + imagenameurl;
  alert("url=" + url);
  $.ajax({
    url: url,
    success: function(response) {
      alert("response=" + response);
    }
  });
}

Answer 1

试试这个

$(".myFile").each(function() {
  html2canvas($(this), {
    onrendered: function(canvas) {
      var myImage = canvas.toDataURL("image/jpeg");
      imagenameurl.push(myImage);
      if (imagenameurl.length == $(".myFile").length) downloadImages4();
    }
  });
});