Category - FileUpload
Results 41 - 60 of 108
26 Mar 2019 26 Mar 2019 0 Comments  10031 Views
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.
05 Mar 2019 05 Mar 2019 0 Comments  5637 Views
Here Mudassar Ahmed Khan has explained with an example, how to display Byte Array content as Image using AngularJS 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 Byte Array format and display as Image using AngularJS in ASP.Net MVC Razor.
01 Mar 2019 01 Mar 2019 0 Comments  34580 Views
Here Mudassar Ahmed Khan has explained with an example, how to save and retrieve Image from SQL Server Database in ASP.Net MVC Razor.

The Images will be uploaded and converted to Binary format (Byte Array) and saved (inserted) to SQL Server Database table in ASP.Net MVC Razor.

The saved (inserted) Image files will be retrieved and displayed in WebGrid along with feature to Zoom the Image using jQuery.
01 Mar 2019 01 Mar 2019 2 Comments  53241 Views
Here Mudassar Ahmed Khan has explained with an example, how to upload Image and save in Database in ASP.Net MVC Razor.

The Images will be uploaded and converted to Binary format (Byte Array) and saved (inserted) to SQL Server database table in ASP.Net MVC Razor.
01 Mar 2019 01 Mar 2019 0 Comments  21096 Views
Here Mudassar Ahmed Khan has explained with an example, how to pass (send) other Form Data along with File Upload in ASP.Net MVC Razor.

This article will illustrate how to POST (Submit) a Form with some TextBox fields and an HTML FileUpload element using Html.BeginForm helper function in ASP.Net MVC Razor.
27 Feb 2019 28 Feb 2019 0 Comments  13036 Views
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 22 Feb 2019 0 Comments  16154 Views
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.
21 Feb 2019 21 Feb 2019 1 Comments  22088 Views
Here Mudassar Ahmed Khan has explained with an example, how to use ng-change directive with FileUpload element (Input Type File) in AngularJS.

There is no binding support for FileUpload element (Input Type File) in AngularJS and hence ng-change directive cannot be used.

This article will illustrate how to use JavaScript OnChange event handler to call a function inside AngularJS Controller.
20 Feb 2019 20 Feb 2019 0 Comments  2215 Views
Here Mudassar Ahmed Khan has explained with an example, how to use AngularJS ngFileUpload module with Web API in ASP.Net MVC Razor.

This article will illustrate how to upload multiple files with the standard FileUpload element using HTML5 and ngFileUpload AngularJS module in ASP.Net MVC Razor.
20 Feb 2019 20 Feb 2019 1 Comments  23313 Views
Here Mudassar Ahmed Khan has explained with an example, how to upload files using AngularJS and Web API in ASP.Net MVC Razor.

This article will illustrate how to upload multiple files with the standard FileUpload element using HTML5, AngularJS and Web API in ASP.Net MVC Razor.
30 Jan 2019 30 Jan 2019 2 Comments  82775 Views
Here Mudassar Ahmed Khan has explained with an example, how to upload and download files from Folder (Directory) in ASP.Net using C# and VB.Net.

The uploaded Files will be read from Folder (Directory) on Server’s Disk and will be displayed in GridView control.

The uploaded Files can be downloaded and deleted from Folder (Directory) using the Download and Delete buttons in the ASP.Net GridView.
23 Oct 2018 23 Oct 2018 2 Comments  31249 Views
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 14 Sep 2018 0 Comments  14883 Views
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 14 Sep 2018 1 Comments  26770 Views
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.
14 Sep 2018 14 Sep 2018 3 Comments  40673 Views
Here Mudassar Ahmed Khan has explained with an example, how to read Excel File (XLS and XLSX) using AngularJS and HTML5 File API.

The Excel file (XLS and XLSX) will be selected in HTML FileUpload element and will be read using HTML5 FileReader API.

The read data will be parsed into a JSON Array using the xlsx Excel plugin and later the JSON Array will be used to populate a HTML Table using ng-repeat directive in AngularJS.
12 Sep 2018 14 Sep 2018 0 Comments  19066 Views
Here Mudassar Ahmed Khan has explained with an example, how to read CSV File using AngularJS and HTML5 File API.

The CSV file (Comma separated Text file) will be selected in HTML FileUpload element and will be read using HTML5 FileReader API.

The read data will be parsed into a JSON Array which will be later used to populate a HTML Table using ng-repeat directive in AngularJS.
07 Sep 2018 07 Sep 2018 1 Comments  18236 Views
Here Mudassar Ahmed Khan has explained with an example, how to read the CSV File and convert its data to JSON Array in jQuery using HTML5 File API.

The CSV file (Comma separated Text file) will be selected in HTML5 FileUpload element and will be read using HTML5 FileReader API.

The read data is split into Rows and a loop is executed over the Rows and the data from each Row is stored into a JSON object and it is added to an Array using jQuery.
04 Sep 2018 04 Sep 2018 0 Comments  18407 Views
jQuery  HTML  HTML5  CSV  FileUpload  Table
Here Mudassar Ahmed Khan has explained with an example, how to read CSV File in jQuery using HTML5 File API.

The CSV file (Comma separated Text file) will be selected in HTML5 FileUpload element and will be read using HTML5 FileReader API.

The read data will be parsed into Rows and Columns and will be displayed in HTML Table.
04 Sep 2018 04 Sep 2018 1 Comments  53461 Views
Here Mudassar Ahmed Khan has explained with an example, how to read CSV File in JavaScript using HTML5 File API.

The CSV file (Comma separated Text file) will be selected in HTML5 FileUpload element and will be read using HTML5 FileReader API.

The read data will be parsed into Rows and Columns and will be displayed in HTML Table.
27 Aug 2018 27 Aug 2018 1 Comments  61300 Views
Here Mudassar Ahmed Khan has explained with an example, how to upload File using FormData and AJAX in ASP.Net with C# and VB.Net.

The File will be read using HTML5 FormData JavaScript object and will be uploaded to server by calling Generic Handler using XmlHttpRequest (XHR) in ASP.Net.
Results 41 - 60 of 108