javascript - 为什么 jQuery 文件上传插件的进程事件不触发？

Question

我对 jQuery 文件上传插件有一个奇怪的问题。如果我使用这个 sitax:

$('fileupload').fileupload({
  url: myurl,
  add: function(e, data){
    console.log("add event");
  },
  processalways: function(e, data){
    console.log("processalways event");
  }
});

processalways 事件不会发生，但我得到了正确的 data.context 变量(即带有添加文件进度条的 div)。

当我使用这个语法时

$('fileupload').fileupload({
  url: myurl
}).on('fileuploadadd',function(e, data){
    console.log("add event");
}).on('fileuploadprocessalways', function(e, data){
    console.log("processalways event");
});

processalways 事件正确发生，但我错了 data.context(我认为在这种情况下 data.context 将始终引用 $('fileupload') 元素。

我需要流程事件和data.context 变量。我该怎么办？

Answer 1

第一种语法

如果你想开始这个过程，你必须调用 data.submit(); 添加函数。

那么你就不能调用processalways 回调，according to the documentation应该使用 always :

$('input').fileupload({
    url: "/echo/json",
    add: function (e, data) {
        console.log("Add callback");
        $('#start_upload').click(function(){
            data.submit();
        });
    },
    always: function (e, data) {
        console.log("Always callback");
    }
});

第二种语法

我从未使用过它，但如果它有效，那是因为 fileuploadd 不存在。所以它是默认使用的 fileuploadadd，它可能会调用 data.submit()。