This example demonstrates how to upload file without page reload(Ajax file upload). All requests are sent to the server asynchronous through an iframe.
A status information is received in JavaScript Object Notation (JSON, for more information see An Introduction to JavaScript Object Notation (JSON) in JavaScript and .NET. ICallBackEventHandler is used for asynchronous call to the server.
Also this example demonstrates how to display to users an error message during upload. Specifically, the case when need to dispaly an error message about restriction of file size without reading the whole request.
This example allows to upload files with total volume less than 50 MB.

All uploaded files will be stored to the "UploadedFiles" folder that is located in the root directory of an examples.
You should grant write access to "UploadedFiles" folder to the ASP.NET process identity(typically {MACHINE}\ASPNET on IIS 5
or Network Service on IIS 6).
NOTE: If you run this example on the local machine, select larg files(greater than 100MB) to see a progress bar in action.

File 1:
File 2:




Other examples       View C Sharp source code   View VB NET source code

Used files: Bin\EasyAlgo.EAUpload.dll, web.config, AjaxFileUploadWithAjaxProgressBar.aspx, AjaxFileUploadWithAjaxProgressBar.aspx.cs, JSCore.js, ExamplesStyle.css [Optional]

If you need help and advice in understanding how to implement this example please write to us support@easyalgo.com