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

问题描述

我使用jQuery Multifile上传器（ https://github.com/blueimp/jQuery-File-上传）与PHP

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

解决方案

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

  var fileCount = 0，失败= 0，成功= 0; （'fileupload'）。fileupload（{
 url：'server / php /'
}）。bind（'fileuploaddone'，function（e，data） {
 fileCount ++; 
成功++; 
 console.log（'fileuploaddone'）; 
 if（fileCount === data.getNumberOfFiles（））{
 console.log （'all done，successes：'+ succes +'，failed：'+ fails）; 
 //刷新页面
 location.reload（）; 
} 
}）。 bind（'fileuploadfail'，function（e，data）{
 fileCount ++; 
 failed ++; 
 console.log（'fileuploadfail'）; 
 if（fileCount === data。 getNumberOfFiles（））{
 console.log（'all done，successes：'+ succes +'，failed：'+ fails）; 
 //刷新页面
 location.reload（）; 
} 
}）; 
  

Im 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, Im 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 Uplaoder中完成上传后刷新页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！