Question

我有一个页面，其中包含以下输入elemet：

<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()：

＆＃13;

$("#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;
  }
});

＆＃13;

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

1 个答案: