Category - HTML5
18 Apr 2015 0 Comments   30519 Views
Here Mudassar Ahmed Khan has explained how to get and then validate (check) dimensions (Height and Width) of Image file before upload using HTML5 and jQuery.
HTML5 allows developers to access the file details such as Height and Width using jQuery.
07 Jan 2015 0 Comments   43358 Views
Here Mudassar Ahmed Khan has explained how to show Thumbnail preview of Image before upload using HTML INPUT FileUpload control using jQuery, CSS and HTML5.
23 Dec 2014 0 Comments   15241 Views
Here Mudassar Ahmed has explained how to Crop and Upload Image with Live Thumbnail Preview using jQuery and HTML5 Canvas.

The image will be cropped using the Jcrop jQuery plugin, and Live Thumbnail Preview is displayed using HTML5 Canvas.
12 Dec 2014 0 Comments   18348 Views
Here Mudassar Ahmed Khan has explained how to preview multiple image files before upload using HTML INPUT FileUpload control using jQuery, CSS and HTML5.

The multiple image preview is displayed using HTML5 FileReader API in browsers that support HTML5 i.e. Internet Explorer 10 and 11+, Mozilla FireFox, Google Chrome and Opera.
28 Nov 2014 0 Comments   12530 Views
Here Mudassar Ahmed Khan has provided a code snippet to read, parse and display a CSV file (Comma separated Text file) selected in FileUpload control (HTML File Input) on client side using jQuery and HTML5.

HTML5 allows developers to access the file contents and details using JavaScript and jQuery and hence in browsers that support HTML5 one can easily read the file contents.