Reporting success and tidying up

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.

Engage Thrusters

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");
});

Objective Complete - Mini Debriefing

Because jQuery's ajax() method returns a jqXHR object, and because this object is a special...