HTML5 Articles

Category - HTML5

10 Aug 2021 Mudassar Khan 0 Comments 1778 Views

HTML HTML5 FileUpload AngularJS

Here Mudassar Ahmed Khan has explained with an example, how to get MIME Type (Content Type) of a File in AngularJS.

10 Aug 2021 Mudassar Khan 0 Comments 1658 Views

jQuery HTML HTML5 FileUpload

Here Mudassar Ahmed Khan has explained with an example, how to get MIME Type (Content Type) of a File in jQuery.

09 Aug 2021 Mudassar Khan 0 Comments 2634 Views

JavaScript HTML HTML5 FileUpload

Here Mudassar Ahmed Khan has explained with an example, how to get MIME Type (Content Type) of a File in JavaScript.

31 Jul 2021 Mudassar Khan 0 Comments 3409 Views

ASP.Net SQL Server jQuery jQuery Plugins Charts HTML5 JSON MVC Core

Here Mudassar Ahmed Khan has explained with an example, how to implement and populate charts from database using jQuery AJAX in ASP.Net Core MVC.

The HTML 5 Canvas charts have been implemented in ASP.Net Core MVC using Chart.js library.

This article will illustrate how to display the animated HTML5 chart in browsers that do not support CSS3 like IE 8.

22 Jan 2021 Mudassar Khan 1 Comments 5646 Views

ASP.Net jQuery jQuery Plugins HTML5 Camera

Here Mudassar Ahmed Khan has explained with an example, how to capture still image / photo / picture from Web Camera (Webcam) without using Flash in ASP.Net with C# and VB.Net.

In order to capture images from Web Camera (Webcam), an HTML5 based jQuery Webcam.js plugin will be used.

The images captured using Web Camera (Webcam) will be saved in Folder (Directory) and displayed in HTML Image control in ASP.Net.

22 Jan 2021 Mudassar Khan 0 Comments 2251 Views

ASP.Net jQuery jQuery Plugins HTML5 MVC Camera

Here Mudassar Ahmed Khan has explained with an example, how to capture still image / photo / picture from Web Camera (Webcam) without using Flash in ASP.Net MVC Razor.

jQuery Webcam plugin is used to capture images (photos) from Web Camera (Webcam) using HTML5.
The images (photos) captured using Web Camera (Webcam) will be saved in folder and displayed in View in ASP.Net MVC Razor.

05 Aug 2020 Mudassar Khan 2 Comments 16601 Views

ASP.Net jQuery jQuery Plugins HTML5 Camera

Here Mudassar Ahmed Khan has explained with an example, how to capture still image / photo / picture from Web Camera (Webcam) in using HTML5 and jQuery ASP.Net with C# and VB.Net.

In order to capture images from Web Camera (Webcam), jQuery Webcam.js plugin will be used.

The images captured using Web Camera (Webcam) will be saved in Folder (Directory) and displayed in HTML Image control in ASP.Net.

30 Mar 2020 Mudassar Khan 0 Comments 9234 Views

ASP.Net AJAX jQuery HTML5 MVC Web API FormData

Here Mudassar Ahmed Khan has explained with an example, how to upload files using FormData with Progress Bar using Web API and jQuery AJAX in ASP.Net MVC Razor.

This article will illustrate how to upload and send files to Web API using XmlHttpRequest (XHR), jQuery AJAX and HTML5 FormData in ASP.Net MVC Razor.

13 Mar 2020 Mudassar Khan 0 Comments 6996 Views

ASP.Net jQuery Charts HTML5 JSON

Here Mudassar Ahmed Khan has explained with an example, how to implement and populate animated HTML5 Canvas Multi-Series Line Chart (Graph) from database using jQuery AJAX in ASP.Net.

The HTML 5 Canvas charts have been implemented using Chart.js library and jQuery AJAX.

28 Nov 2019 Mudassar Khan 0 Comments 17862 Views

ASP.Net jQuery HTML5 Bootstrap TextBox

Here Mudassar Ahmed Khan has explained with an example, how to use and implement Bootstrap TimePicker plugin in ASP.Net Web Forms with C# and VB.Net.

The Bootstrap TimePicker plugin will be applied to the ASP.Net TextBox using jQuery and then the TextBox will be converted into a TimePicker.

26 Mar 2019 Mudassar Khan 0 Comments 8175 Views

ASP.Net HTML5 FileUpload AngularJS MVC Web API Image

Here Mudassar Ahmed Khan has explained with an example, how to display BLOB as Image using AngularJS ng-src directive in ASP.Net MVC Razor.

This article will illustrate how to upload and send files to Web API using AngularJS $http service and HTML5 FormData and then convert the Image to BLOB format and display as Image using AngularJS ng-src directive in ASP.Net MVC Razor.

27 Feb 2019 28 Feb 2019 Mudassar Khan 0 Comments 11629 Views

ASP.Net HTML5 FileUpload AngularJS MVC Web API

Here Mudassar Ahmed Khan has explained with an example, how to upload files using FormData with Progress Bar using Web API in ASP.Net MVC Razor.

This article will illustrate how to upload and send files to Web API AngularJS $http service and HTML5 FormData in ASP.Net MVC Razor.

22 Feb 2019 Mudassar Khan 0 Comments 13893 Views

HTML5 FileUpload AngularJS Image

Here Mudassar Ahmed Khan has explained with an example, how to preview Image before upload using AngularJS.

When an Image File is selected in the HTML FileUpload element (Input Type File), the Image File data will be read using HTML5 FileReader API and displayed in Image element using AngularJS.

08 Feb 2019 28 Jun 2020 Mudassar Khan 0 Comments 8099 Views

ASP.Net JavaScript GridView jQuery jQuery Plugins HTML5 Canvas PDF

Here Mudassar Ahmed Khan has explained with an example, how to export (convert) GridView to PDF file using JavaScript and jQuery in ASP.Net.

The GridView’s HTML Table will be first converted into a HTML5 Canvas using html2canvas plugin and then the HTML5 Canvas will be exported to PDF file using the pdfmake plugin in jQuery.

22 Jan 2019 Mudassar Khan 0 Comments 7924 Views

ASP.Net JavaScript AJAX SQL Server jQuery Charts HTML5

Here Mudassar Ahmed Khan has explained with an example, how to implement Open Source charts in ASP.Net using C# and VB.Net.

The Chart.js library is an Open Source Chart library which uses HTML5 Canvas for creating Charts.

The HTML5 Canvas charts will be populated from database using jQuery AJAX in ASP.Net.

23 Oct 2018 Mudassar Khan 2 Comments 27400 Views

ASP.Net SQL Server HTML5 ASP.Net 4.5 FileUpload

Here Mudassar Ahmed Khan has explained with an example, how to upload and save (insert) multiple Images to SQL Server database in ASP.Net using C# and VB.Net.

ASP.Net 4.5 has a new property AllowMultiple for FileUpload control, which allows user to select and upload multiple Images. This property will work only in browsers that support HTML5.

14 Sep 2018 Mudassar Khan 1 Comments 17804 Views

Excel jQuery jQuery Plugins HTML5

Here Mudassar Ahmed Khan has explained with an example, how to download Excel file (XLS and XLSX) using jQuery.

The HTML Table data will be converted and downloaded to Excel file with the help of the jQuery table2excel plugin.

14 Sep 2018 Mudassar Khan 0 Comments 38762 Views

JavaScript Excel HTML5

Here Mudassar Ahmed Khan has explained with an example, how to download Excel file (XLS and XLSX) using JavaScript.

The HTML Table data will be converted and downloaded to Excel file with the help of the jQuery table2excel plugin.

14 Sep 2018 Mudassar Khan 0 Comments 12840 Views

Excel jQuery HTML5 JSON FileUpload

Here Mudassar Ahmed Khan has explained with an example, how to convert Excel (XLS and XLSX) file data to JSON using jQuery.

Once File is selected in FileUpload control, it is read as Binary data and then the Binary data is read using the xlsx Excel plugin which returns the Excel file data in JSON array format.

Finally, JSON array is displayed as HTML Table using jQuery.

14 Sep 2018 Mudassar Khan 1 Comments 25152 Views

JavaScript Excel HTML5 JSON FileUpload

Here Mudassar Ahmed Khan has explained with an example, how to convert Excel (XLS and XLSX) file data to JSON using JavaScript.

Once File is selected in FileUpload control, it is read as Binary data and then the Binary data is read using the xlsx Excel plugin which returns the Excel file data in JSON array format.

Finally, JSON array is displayed as HTML Table using JavaScript.