Like This Site? 
 
RSS Feed Follow Us 

on Twitter! Be Our Fan!

How To Create Thumbnail Preview of Images Using HTML5 API

Share this post!
 Vote this!

Now, with the help of HTML5, web developer can create thumbnail preview of images that a user may wish to upload to remote server. You can check out the demo, if you are still not clear about it.

The HTML5 API that we are going to use is ‘File API’. This API provide several interfaces for us to access a file from local file system.

File: Provides information such as, name of the file, size, and mimetype.
Blob: Which allows slice a file into byte ranges.
FileList: A collection / array of file objects.
FileReader: An interface can be used to read the information from the the images.

In this tutorial, we are going to mainly cover interface of FileReader at the moment, and we will talk about the rest in the upcoming tutorial.

Ok, before we start, the first thing we need to do is to check whether the browser has the capability to support FileReader:

More...

0 comments:

Post a Comment