javascript - BlueImp 文件上传插件无法正常工作

Question

我的页面具有以下输入元素:

<input class="uploadDocument" type="file" name="FileData" id="my-upl" />

然后使用以下 javascript 开始上传:

$("#my-upl").fileupload({
  url: uploadUrl,
  dataType: 'string',
  done: successFunction,
  uploadProgress: function(e, data) {
    var pct = parseInt(data.loaded / data.total * 100, 10);
    updateProgressBar(progressDiv, progressBar, progressLabel, Math.round(pct));
  },
  fail: function(e, data) {
    var errorHtml = uploadFailedHtml + "<p>" + data.textStatus + "</p>";
    showModal(uploadFailedTitle, errorHtml);
  }
});

好像没有触发文件上传。我什至尝试指定“开始”和“始终”回调来查看是否触发了任何内容，但无济于事。

编辑:我添加了一个“添加”回调，当选择文件但上传未开始时，会触发此回调。

Answer 1

通过查看 using a button to start the upload 时运行的代码找到了答案。

在我的添加回调中，我只需执行data.submit():

$("#my-upl").fileupload({
  url: uploadUrl,
  dataType: 'string',
  done: successFunction,
  uploadProgress: function(e, data) {
    var pct = parseInt(data.loaded / data.total * 100, 10);
    updateProgressBar(progressDiv, progressBar, progressLabel, Math.round(pct));
  },
  fail: function(e, data) {
    var errorHtml = uploadFailedHtml + "<p>" + data.textStatus + "</p>";
    showModal(uploadFailedTitle, errorHtml);
  },
  add: function(e, data) {
    data.submit();
    return true;
  }
});