jquery – Valums Ajax Uploader(Mutli) – 检测所有文件的上传时间

前端之家收集整理的这篇文章主要介绍了jquery – Valums Ajax Uploader(Mutli) – 检测所有文件的上传时间前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Valums Ajax Uploader上传一批文件.我们最近更改了单次上传上传类型的代码.这引起了我们的代码的问题.

如您所见,当onComplete事件触发时,我们重新加载页面显示上传的图像.但是,onComplete事件似乎是在每个文件完成后触发,而不是在整个批处理之后.这会导致一个问题,因为当第一个文件完成时,页面重新加载尝试被触发,并且上传者弹出警报“如果你离开这个页面,所有的一切都会在剩余的上传中松动” – 或者这样的事情.

我注意到onComplete事件发回了已完成文件的0的ID,但是我不知道如何使用它来确定批次何时完成.

我想我的问题是A)是否有一个不同的事件触发所有文件完成或B)如何确定用户选择了多少个文件,以跟踪在onComplete事件有多少文件已经完成?

var uploader = new qq.FileUploader({
        multiple: true,element: document.getElementById('file-uploader'),action: '/projectPhotoUpload.PHP',allowedExtensions: ['jpg','png','gif'],debug: true,params: {id: i},onComplete: function(id,fileName,responseJSON){
            window.location = 'projects.PHP?all=true&tab=1&sel=' + currProject;                                 
        }   
    })

解决方法

您可以添加一个上传开始时增加的计数器,并在完成时减少.当计数器为0时,只有重定向才能完成.
var running = 0;  
var uploader = new qq.FileUploader({
    multiple: true,onSubmit: function(id,fileName){
        running++;                                 
    },responseJSON){
        running--;
        if(running==0){
          window.location = 'projects.PHP?all=true&tab=1&sel=' + currProject;                                 
        }
    }   
})
原文链接:https://www.f2er.com/jquery/179602.html

猜你在找的jQuery相关文章