FileUpload without refresh the page in asp.net using c#.

Kindly try to use the following

<asp:UpdatePanel>
<ContentTemplate>


//Your file Uploader

        </ContentTemplate>
         <Triggers>

             <asp:AsyncPostBackTrigger ControlID="btngtProvider" EventName="Click"/>
       </Triggers>
        </asp:UpdatePanel>

Hope it will help. :)

We can use one Generic handeler and some javascript code to work out this
FileUpload.aspx:-
---------------
<script>
$(documnet).ready(function(){('#mul_FileUpload').change(function () {
onDrop(this);
});});

function onDrop(e) {
var files=null;
ReadFile(files);
}
function ReadFile(files){
var file=files[0];
var filename = getFileName(file.name);
var reader = new FileReader();
reader.onerror = function (e) {
alert('Error code: ' + e.target.error);
};// Create a closure to capture the file information.
reader.onload = (function (aFile) {
return function (evt) {
var fd = new window.FormData();
fd.append('file', file);fd.append('filename', filename );
$.ajax({
url: "UploadFile.ashx",
type: 'POST',
processData: false,
contentType: false,
data: fd,
responseType: "json",
success: function (result) {
if (result.Operation == 'success') {
alert('File Uploaded Successfully');
}
},
error: function (fail) {

}
});
}
})(file);
reader.readAsDataURL(file);
}
}
function getFileName(fullPath) {
var startIndex = (fullPath.indexOf('\\') >= 0 ? fullPath.lastIndexOf('\\') : fullPath.lastIndexOf('/'));
var filename = fullPath.substring(startIndex);
if (filename.indexOf('\\') === 0 || filename.indexOf('/') === 0) {
filename = filename.substring(1);
}
return filename;
}

</script>
<input type="file" id="mul_FileUpload" />

Create a generic Handeler

UploadFile.ashx:-
---------------
public class UploadFile : IHttpHandler
{

public void ProcessRequest(HttpContext context)
{
if (context.Request != null)
{
OperationDetail obj_Op = new OperationDetail();

if (context.Request.Files["file"] != null && context.Request.Files["file"].ContentLength > 0 )
{
HttpPostedFile postedFile = context.Request.Files["file"];
obj_Op.FilePath = Guid.NewGuid().ToString() + ".jpg";
postedFile.SaveAs(context.Server.MapPath("~/upload/temp/")+obj_Op.FilePath);
obj_Op.Operation = "success";
obj_Op.FileName = postedFile.FileName;
obj_Op.Index = Convert.ToInt32(context.Request["indexer"]);
JavaScriptSerializer javaScriptSerializer = new JavaScriptSerializer();
string serobj_Op = javaScriptSerializer.Serialize(obj_Op);
context.Response.ContentType = "application/json; charset=utf-8";
context.Response.Write(serobj_Op);
}
}
else {

}
}

}
public class OperationDetail
{
public string FilePath{get;set;}
public string Operation { get; set; }
public string FileName { get; set; }
public int Index { get; set; }
}

You Can Do it using AJAX like following :

HTML :

<input id="fileupload" type="file" name="files[]" data-url="server/yourMethodToPost/">


jquery:

$(function () {
    $('#fileupload').fileupload({
        dataType: 'json',
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p/>').text(file.name).appendTo(document.body);
            });
        }
    });
});