In this task we need to show when each file has finished uploading. We also need to clear the <table> from the widget and re-enable the upload button once all of the uploads have completed.
We can show when each individual file has completed uploading using jQuery's done() method, which we can chain after the ajax() method that we added in the last task:
.done(function() {
var parent = prog.parent(),
prev = parent.prev();
prev.add(parent).empty();
prev.text("File uploaded!");
});In order to tidy up following the uploads, we can make use of jQuery's when() method. We should add the following code directly after the each() method in uploadFiles():
$.when.apply($, widget.allXHR).done(function() {
widget.el.find("table").remove();
widget.el.find("a.up-upload").removeClass("disabled");
});