use uploadify
use jquery.uploadify.js, jquery-1.3.2.min.js,uploadify.css
<asp:FileUpload ID="file_upload" runat="server" />
(Upload Multiple File Required Flash Player)
<a href="javascript:$('#<%=file_upload.ClientID%>').fileUploadStart()" class="bttnPage">Start Upload</a>
use this in below of your code
<script type = "text/javascript">
$(window).load(
function () {
$("#<%=file_upload.ClientID %>").fileUpload({
'uploader': 'scripts/uploader.swf',
'cancelImg': 'images/cancel.png',
'buttonText': 'Browse Files',
'script': 'upload_demo.ashx',
'folder': '~/demo_pdf/',
'fileDesc': 'Pdf Files',
'fileExt': '*.pdf',
'multi': true,
'auto': false
});
}
);
</script>
Create Handler upload_demo.ashx
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
context.Response.Expires = -1;
try
{
HttpPostedFile postedFile = context.Request.Files["Filedata"];
string savepath = "";
string tempPath = "";
tempPath = "~/demo_pdf/";
savepath = context.Server.MapPath(tempPath);
string filename = postedFile.FileName;
if (!Directory.Exists(savepath))
Directory.CreateDirectory(savepath);
postedFile.SaveAs(savepath + @"\" + filename);
context.Response.Write(tempPath + "/" + filename);
context.Response.StatusCode = 200;
}
catch (Exception ex)
{
context.Response.Write("Error: " + ex.Message);
}
}