As is usual for this time of the year, the Q1 release is ready and packed in pretty boxes. Inside you’ll find the new Upload, Splitter and Slider extensions and a host of other improvements. Hope this will make it up for the lack of bubble wrap.
Introducing the Upload
Uploading files in the browser is a somewhat painful process for both users and developers. The typical user experience you get by placing an <input type=”file”> on the page, is primitive by today's standards.
Traditionally, improving the upload experience required the use of plug-ins like Flash or Silverlight. But not any more, as modern browsers offer great control over the complete process. The most exciting browser features are:
- Asynchronous uploading (without submitting a form)
- Multiple file selection
- Progress tracking
- Drag and drop
- Cancelling uploads in progress
The Upload uses progressive enhancement to expose these great new features while maintaining backwards compatibility.
How do you use it, you ask? Start by simply replacing your regular file inputs, say <input type=”file” name=”attachments” /> with:
That’s it! You now have an Upload that handles multiple file selection, removal of pending files and drag-and-drop all by itself.
But the true power of the upload is its asynchronous mode. It’s also easy to configure, but I won’t bore you with the details here. Feel free to explore it in the examples and learn all the details from the documentation.