O'Reilly logo

Mastering jQuery by Alex Libby

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Building our simple application

Over the next few pages, we're going to build a simple application that allows us to drag and drop a file onto a drop zone in order to render the file sizes. It's based on the tutorial by Martin Angelov, which is available at http://tutorialzine.com/2013/05/mini-ajax-file-upload-form/; we'll concentrate on the frontend UI interface and not worry about the backend upload facility for the purposes of our demo:

Building our simple application

Even when just working on the frontend user interface, there's still a fair amount of code involved; our focus will be primarily on the jQuery code, so let's take a look at the demo in action first before exploring ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required