jQuery File Upload - how to recognise when all files have uploaded

Question

I'm using the jQuery File Upload plugin. I would like to be able to trigger an event when all selected files have finished uploading. So far I have an event for doing an action when a file(s) is selected for uploading and when each particular file finishes uploading - is there a way to detect that all selected files have finished uploading? The actual app is here http://repinzle-demo.herokuapp.com/upload My input field looks like this: ```

``` My script code looks like this: ```

Accepted Answer

I think you are looking for 'stop' event:

```
$('#fileupload').bind('fileuploadstop', function (e) {/* ... */})
```

as said in the plugin documentation:

Callback for uploads stop, equivalent to the global ajaxStop event (but for file upload requests only).

You can also specify the function on plugin creation passing it as parameter

```
$('#fileupload').fileupload({
        stop: function (e) {}, // .bind('fileuploadstop', func);
    });
```

jQuery File Upload - how to recognise when all files have uploaded

Solution

Problem

Related problems