延迟提交直到函数完成

Question

我有以下JS代码。问题是表单总是在 then 函数之前提交。我希望表单仅在 then 函数之后提交。

我该怎么做？谢谢

$('#form').submit(function (e) {
  e.preventDefault();

  html2canvas(document.getElementById('uty'), {
    useCORS: true,
  }).then(function (canvas) {
      var img = canvas.toDataURL("image/png");
      document.getElementById('input').value = img;
 });

});

Answer 1

要解决这个问题，您可以在外部 submit 处理程序函数中存储对 form 元素的引用，然后在 then() 块中对其调用 submit()。像这样：

$('#form').submit(function (e) {
  e.preventDefault();
  var form = this;

  html2canvas(document.getElementById('uty'), {
    useCORS: true,
  }).then(function(canvas) {
    var img = canvas.toDataURL("image/png");
    document.getElementById('input').value = img;
    form.submit();
 });    
});

请注意，我调用的是 DOM submit 函数，而不是 jQuery 的函数。 jQuery 会重新运行提交处理程序，DOM 不会。

延迟提交直到函数完成

Delay Submit until then function completes

javascript

jquery

html2canvas