Uploading the selected files

We now have a list of files attached to the instance of our plugin ready to be uploaded. In this task we'll do just that and upload the files asynchronously using jQuery. This behavior will be tied to the Upload files button that we added to the markup generated by the plugin.

We can also use this task to update our Progressbars with the current progress of each file being uploaded.

Engage Thrusters

As this is another event handler, we'll add it in the init() method along with all of the other event handlers so that they're all kept in one place. Add the following code at the end of the init() method, after the existing event handlers:

widget.el.on("click", "a.up-upload", function(e) {
    e.preventDefault();

  widget.uploadFiles();
}); 

Next add the new uploadFiles() method. This can go after the progress-related methods that we added in the last task:

Up.prototype.uploadFiles = function() {
    var widget = this,
    a = widget.el.find("a.up-upload");

    if (...