上传操作完成时的Jquery文件上传捕获

我正在使用want捕获上传文件后发生的操作。 所以，这很好用

.on('change','input[type=file]',function(e)
{
    console.log('OOOOOOOOk');
})

但这对我不起作用，因为我需要在文件上传完成后采取行动。 因此，在中，我找到了这个解决方案：

var url = './fileUpload/jQuery-File-Upload/server/php/';
      $('#fileupload').fileupload({
          url: url,
          dataType: 'json',
          done: function (e, data) {
              $.each(data.result.files, function (index, file) {
                  $('<p/>').text(file.name).appendTo('#files');
              });
          },
          progressall: function (e, data) {
              var progress = parseInt(data.loaded / data.total * 100, 10);
              $('#progress .progress-bar').css(
                  'width',
                  progress + '%'
              );
          }
      }).prop('disabled', !$.support.fileInput)
          .parent().addClass($.support.fileInput ? undefined : 'disabled')
          .bind('fileuploadcompleted',function(e,data)
            {
              console.log('eventFinished');
            });

var url='./fileUpload/jQuery File Upload/server/php/；
$（'#fileupload'）。fileupload({
url:url，
数据类型：“json”，
完成：功能（e，数据）{
$.each（data.result.files，函数（索引，文件）{
$（'
'）.text（file.name）.appendTo（'#files'）；
});
},
progressall：功能（e、数据）{
var progress=parseInt（data.loaded/data.total*100,10）；
$（'#progress.progress bar'）.css(
“宽度”，
进度+“%”
);
}
}).prop（'disabled'，！$.support.fileInput）
.parent（）.addClass（$.support.fileInput？未定义：“已禁用”）
.bind（'fileuploadcompleted'，函数（e，数据）
{
console.log（'eventFinished'）；
});

---

但我并没有看到上传后控制台中的eventFinished字符串，但看到OK。那么我如何捕获该事件呢？

您正在将“fileuploadcompleted”事件绑定到实际元素的父元素，因此请尝试以这种方式重新安排代码

var url = './fileUpload/jQuery-File-Upload/server/php/';
  $('#fileupload').fileupload({
      url: url,
      dataType: 'json',
      done: function (e, data) {
          $.each(data.result.files, function (index, file) {
              $('<p/>').text(file.name).appendTo('#files');
          });
      },
      progressall: function (e, data) {
          var progress = parseInt(data.loaded / data.total * 100, 10);
          $('#progress .progress-bar').css(
              'width',
              progress + '%'
          );
      }
  }).bind('fileuploadcompleted',function(e,data)
        {
          console.log('eventFinished');
        }).prop('disabled', !$.support.fileInput)
      .parent().addClass($.support.fileInput ? undefined : 'disabled');

var url='./fileUpload/jQuery File Upload/server/php/；
$（'#fileupload'）。fileupload({
url:url，
数据类型：“json”，
完成：功能（e，数据）{
$.each（data.result.files，函数（索引，文件）{
$（'
'）.text（file.name）.appendTo（'#files'）；
});
},
progressall：功能（e、数据）{
var progress=parseInt（data.loaded/data.total*100,10）；
$（'#progress.progress bar'）.css(
“宽度”，
进度+“%”
);
}
}).bind（'fileuploadcompleted'，函数（e，数据）
{
console.log（'eventFinished'）；
}).prop（'disabled'，！$.support.fileInput）
.parent（）.addClass（$.support.fileInput？未定义：“已禁用”）；

您使用的是blueimp上传的Jquery文件的UI版本吗？如果不是，则使用此事件代替“fileuploaddone”