在jQuery Multi File Uploader中完成上传后刷新页面 [英] Refreshing the page after completing uploads in jQuery Multi file Uploader

问题描述

我正在使用jQuery Multifile uploader( https://github.com/blueimp/jQuery -File-Upload )与PHP

I'm using jQuery Multifile uploader (https://github.com/blueimp/jQuery-File-Upload) with PHP

所有文件上传完毕后，我想刷新上传页面，我使用的是基本加用户界面，请告诉我是否有任何简便的方法来实现

and I want to refresh the uploads page once all files got uploaded, I'm using basic plus UI, please tell me if is there any easy way to achieve it

推荐答案

使用完成和失败事件以及一些计数器.在选项文档中找到了这些事件.

Use the done and fail events along with some counters. Found these events in the options documentation.

var fileCount = 0, fails = 0, successes = 0;

$('#fileupload').fileupload({
    url: 'server/php/'
}).bind('fileuploaddone', function(e, data) {
  fileCount++;
  successes++;
  console.log('fileuploaddone');
  if (fileCount === data.getNumberOfFiles()) {
    console.log('all done, successes: ' + successes + ', fails: ' + fails);
    // refresh page
    location.reload();
  }
}).bind('fileuploadfail', function(e, data) {
  fileCount++;
  fails++;
  console.log('fileuploadfail');
  if (fileCount === data.getNumberOfFiles()) {
    console.log('all done, successes: ' + successes + ', fails: ' + fails);
    // refresh page
    location.reload();
  }
});

这篇关于在jQuery Multi File Uploader中完成上传后刷新页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！