Monday, January 17, 2011

Uploadin a file and save it in a specified location

In this article, I am going to show how we can upload a file. Here I am uploading  a .txt file and saving it in a predefined location. Let see this by a simple programme. Here I am using  an input tag highlighted with yellow colour for browsing the uploaded file.

The fileupload.aspx code is:
<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
 <title>File Upload Demostration</title>
</head>
 <body>
    <form id="Form1" method="post" runat="server">
     <table cellpadding="0" cellspacing="0" width="80%" align="center" border="4">
      <tr><td height="20px"></td></tr>
       <tr><td height="200px" align="center" valign="middle">
               <input id="MyFile"   type="file" size="81" name="File1" runat="server" />
                      <br /><br />
                             <asp:Button id="btnSubmit"   runat="server" Text="Submit" Width="139px"Height="30px" OnClick="btnSubmit_Click"></asp:Button>
                             <asp:Label id="lbl"   runat="server" Width="402px" Height="33px"></asp:Label>
                            
                             </td></tr></table>
                   </form>
</body>
</html>

The fileupload.aspx.cs is:
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void btnSubmit_Click(object sender, EventArgs e)
    {
        
        if (MyFile.PostedFile.ContentLength == 0)
        {
            lbl.Text = "Cannot upload zero length file";
            return;
        }
        lbl.Text = MyFile.PostedFile.FileName;
       MyFile.PostedFile.SaveAs("c:\\UploadFile\\MyFile.PostedFile.FileName");

    }
}

When user run the application then the window will look like this:

Figure 1.

When user click on Browse button:



Figure 2.

After selecting the file the window will look like this:



Figure 3.

When user click on submit button.



Figure 4. The uploaded file will save in the directory specified as the destination path in .cs file.

No comments:

Post a Comment