HostingReviewASP.NET | Best, Reliable and Recommended ASP.NET 5 Hoting. Today I will explains to you how to upload files using JQuery Ajax in ASP.NET 5.

Requirement

 JQuery

$(“#btnUpload”).click(function (evt) {  
                var fileUpload = $(“#fupload”).get(0);  
                var files = fileUpload.files;  
                var data = new FormData();  
                for (var i = 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();  
            });  

FileUploadHandler.ashx

<%@ WebHandler Language=”C#” Class=”FileUploadHandler” %>        
using System;    
using System.Web;         
public class FileUploadHandler : IHttpHandler  
{        
    public void ProcessRequest (HttpContext context)  
    {    
        if (context.Request.Files.Count > 0)    
        {    
            HttpFileCollection files = context.Request.Files;    
            for (int i = 0; i < files.Count; i++)    
            {    
                HttpPostedFile file = files[i];    
                string fname = context.Server.MapPath(“~/uploads/” + file.FileName);    
                file.SaveAs(fname);    
            }    
            context.Response.ContentType = “text/plain”;    
            context.Response.Write(“File Uploaded Successfully!”);    
        }    
    }        
    public bool IsReusable  
    {    
        get   
        {    
            return false;    
        }    
    }    
}

Output

Get Your Best ASP.NET 5 Hosting with DiscountService.biz