Use jquery Ajax to upload files in ASP.

Start by creating a Web page that adds the following code.

  
Then add the jquery code
$ ("#btnUpload"). Click (function(evt) {varFileUpload = $ ("#fupload"). Get (0); varFiles =Fileupload.files; vardata =NewFormData ();  for(vari = 0; i < files.length; i++) {data.append (Files[i].name, files[i]); } $.ajax ({URL:"Fileuploadhandler.ashx", type:"POST", Data:data, ContentType:false, ProcessData:false, Success:function(Result) {alert (result);}, Error:function(ERR) {alert (Err.statustext)}});          Evt.preventdefault ();  }); 
Code in the Fileuploadhandler.ashx
<%@ WebHandler language="C #"class="Fileuploadhandler"%>usingSystem; usingsystem.web;  Public classFileuploadhandler:ihttphandler { Public voidProcessRequest (HttpContext context) {if(Context. Request.Files.Count >0) {httpfilecollection files=context.                Request.Files;  for(inti =0; I < files. Count; i++) {Httppostedfile file=Files[i]; stringfname = context. Server.MapPath ("~/uploads/"+file.                    FileName); File.                SaveAs (fname); } context. Response.ContentType="Text/plain"; Context. Response.Write ("File uploaded successfully!"); }             }              Public BOOLisreusable {Get           {                return false; }        }         }   
The final effect is as follows:
Use jquery Ajax to upload files in ASP.