BlueImp 文件上传插件不起作用答案

【问题标题】：BlueImp file upload plugin not workingBlueImp 文件上传插件不起作用
【发布时间】：2014-09-25 08:11:09
【问题描述】：

我有一个包含以下输入元素的页面：

&lt;input class="uploadDocument" type="file" name="FileData" id="my-upl" /&gt;

然后是以下用于开始上传的 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);
  }
});

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

编辑：我添加了一个“添加”回调，当文件被选中但上传没有开始时，它会被触发。

【问题讨论】：

标签： javascript jquery-ui blueimp

【解决方案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;
  }
});

【讨论】：