Upload photo in asp.net content page

**premprakashbhati** · Dec 25 '08, 08:05 AM

Upload Image file in ContentPage of asp.net

hi, friends...
here iam working with ContentPage of asp.net...i have to upload image file....
so,iam trying with the below code:....in which i have filUpload(HTML input(file))Con trol and a webControl button named btnUpload and an image webControl named imgPicture in which iam getting the image in thumbnail form and storing this image and thumbnail in my app folder named images
...all working fine when iam using normal webform/page not ContentPage..i have search the web ..i got answer that i have to add to <@Page of ContentPage EnableEventVali dation="true" and add the following code in aspx.cs of ContentPage....

Code:

 
protected override void Render(HtmlTextWriter writer)
    {

        base.Render(writer);
        this.Page.ClientScript.RegisterForEventValidation(btnUpload.ID);
    }

but still iam not getting any value in filUpload Control ...i.e., (filUpload.Post edFile=null)
Here is my full code of MasterPage,Cont entPage.aspx (Default.aspx)a nd ContentPage.asp x.cs(Default.as px.cs)

MastePage::

Code:

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="submaster.master.cs" Inherits="submaster" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!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 id="Head1" runat="server">
    <title>Untitled Page</title>
    <link href="css/styles.css" rel="stylesheet" type="text/css" />
  
      <style type="text/css">
        
        .modalBackground {
	        background-color:Gray;
	        filter:alpha(opacity=70);
	        opacity:0.7;
        }
    </style>  
  
<script language="javascript" type="text/javascript">
// <!CDATA[



// ]]>
</script>
</head>
<body>
    <form id="form1" enctype="multipart/form-data" runat="server">
    <asp:ScriptManager runat="server" ID="scrpt1"/>
    <div>
        


<!-- HEADER -->

<div id="inheader">

<div id="logo"><a href="#"></a></div>
    <table>
        <tr>
            <td align="right" style="margin-left: auto; width: 775px; margin-right: auto; height: 21px">
                <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/images/logout.png" />
                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                &nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp;</td>
        </tr>
    </table>
<%--<div id="slogan"><img src="images/slogan.jpg" alt="" width="292" height="109" /></div>--%>

<%--<ul>
<li class="home"><a href="#" title="home page">home page</a></li>
<li class="about"><a href="#" title="about us">about us</a></li>
<li class="services"><a href="#" title="services">services</a></li>
<li class="equipment"><a href="#" title="equipment">equipment</a></li>
<li class="gallery"><a href="#" title="our gallery">our gallery</a></li>
<li class="contact"><a href="#" title="contact us">contact us</a></li>
</ul>--%>


</div>

<table id="menutab" >
<tr>
<td valign="middle" >
<div id="menuhead">
<p>

    <span style="font-size: 14pt; color: white">&nbsp;<span
        style="font-size: 13pt"><a href="default.aspx" >Home</a>&nbsp; |&nbsp; <asp:LinkButton runat="server" ID="doctor" Text="Doctor" ForeColor="white" Font-Size="13pt" Width="60px" /> |&nbsp; &nbsp;<asp:LinkButton runat="server" ID="patient" Text="Patients" ForeColor="white" Font-Size="13pt"></asp:LinkButton>&nbsp; &nbsp;|&nbsp; &nbsp;<a href="#">Diagnostic</a>&nbsp; &nbsp;|&nbsp; <a href="#">Pharmacy</a>&nbsp; &nbsp;|&nbsp; <a href="#">
            Hospitals </a>|&nbsp;<asp:LinkButton runat="server" ID="Tools" Text="Tools" ForeColor="White" Font-Size="13pt" OnClick="Tools_Click" ></asp:LinkButton>&nbsp; |&nbsp; <a href="#">Blog</a> | &nbsp;<a href="aboutus.aspx">About Us</a>&nbsp;</span>
      
</span>
</p>
</div>
</td>
</tr>
</table>
<!-- CONTENT -->
<div id="content" style="left: 0px; top: 0px">
<asp:UpdatePanel ID="upd1" runat="server">
<ContentTemplate>
 <asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
  </asp:contentplaceholder>
  </ContentTemplate>
  </asp:UpdatePanel>
</div>

<!-- FOOTER -->
        <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" CancelControlID="btnCancel"
            OkControlID="btnSignin" TargetControlID="doctor" PopupControlID="Panel1" BackgroundCssClass="modalBackground">
        </cc1:ModalPopupExtender>
        <cc1:ModalPopupExtender ID="ModalPopupExtender2" runat="server" TargetControlID="patient" CancelControlID="btnpCancel" OkControlID="btnpSignin" PopupControlID="Panel2" BackgroundCssClass="modalBackground">
        </cc1:ModalPopupExtender>
        &nbsp;

<div id="footer" style="text-align: center; left: 0px; top: 0px;">
<br />
    <span style="font-size: 10pt">
Powered by </span><a href="http://www.meritinfo.com"><span
        style="font-size: 10pt; color:#669933">Merit info Solutions</span></a><span style="font-size: 10pt">
        </span>
</div>

    </div>
        <asp:Panel ID="Panel1" runat="server" Height="300px" Width="361px" BackColor="White" BorderColor="DarkGreen" BorderStyle="Ridge">
            <br />
            <br />
            <br />
            &nbsp; &nbsp; <span style="font-size: 12pt; color: dimgray; font-family: Arial">&nbsp;
                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <strong><span style="color: #669933">
                    Already A member Log In</span><br />
                </strong></span>
            <br />
            <table style="width: 251px; height: 88px; margin-left:auto; margin-right:auto " cellspacing="2px" cellpadding="4px">
                <tr>
                    <td style="width: 100px; height: 20px" align="right">
                        <span style="font-size: 11pt; color: black; font-family: Arial"><strong>User Id</strong></span></td>
                    <td style="width: 102px; height: 20px" colspan="2">
                        <asp:TextBox ID="TextBox1" runat="server" Width="149px"></asp:TextBox></td>
                        <td>
                        </td>
                </tr>
                <tr>
                    <td style="width: 100px" align="right">
                        <span style="font-size: 11pt; color: black; font-family: Arial"><strong>Password</strong></span></td>
                    <td style="width: 102px" colspan="2">
                        <asp:TextBox ID="TextBox2" runat="server" TextMode="Password" Width="149px"></asp:TextBox></td>
                        <td>
                        </td>
                </tr>
                <tr>
                    <td >
            </td>
                    <td style="width: 82px"  >
            <asp:Button ID="btnSignin" runat="server" Text="Log in" />
                      </td>
                      <td>
            <asp:Button ID="btnCancel" runat="server" Text="Cancel" /></td>
                </tr>
            </table>
            <br />
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;
            &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<br />
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
            <br />
            <br />
            <span style="font-size: 11pt; color: black; font-family: Arial"><strong>&nbsp; &nbsp;
                &nbsp; New Doctor&nbsp;
            <asp:LinkButton ID="LinkButton1" runat="server" Width="108px" ForeColor="#669933" OnClick="LinkButton1_Click">Sign Up Here</asp:LinkButton></strong></span><br />
            <br />
            <br />
            &nbsp;<br />
            <br />
        </asp:Panel><asp:Panel ID="Panel2" runat="server" Height="300px" Width="361px" BackColor="White" BorderColor="DarkGreen" BorderStyle="Ridge">
            <br />
            <br />
            <br />
            &nbsp; &nbsp; <span style="font-size: 12pt; color: dimgray; font-family: Arial">&nbsp;
                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <strong><span style="color: #669933">
                    Already A Member Log In</span><br />
                </strong></span>
            <br />
            <table style="width: 251px; height: 88px; margin-left:auto; margin-right:auto " cellspacing="2px" cellpadding="4px">
                <tr>
                    <td style="width: 100px; height: 20px" align="right">
                        <span style="font-size: 11pt; color: black; font-family: Arial"><strong>User Id</strong></span></td>
                    <td style="width: 102px; height: 20px" colspan="2">
                        <asp:TextBox ID="TextBox3" runat="server" Width="149px"></asp:TextBox></td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td style="width: 100px" align="right">
                        <span style="font-size: 11pt; color: black; font-family: Arial"><strong>Password</strong></span></td>
                    <td style="width: 102px" colspan="2">
                        <asp:TextBox ID="TextBox4" runat="server" TextMode="Password" Width="149px"></asp:TextBox></td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td >
                    </td>
                    <td style="width: 82px"  >
                        <asp:Button ID="btnpSignin" runat="server" Text="Log in" />
                    </td>
                    <td>
                        <asp:Button ID="btnpCancel" runat="server" Text="Cancel" /></td>
                </tr>
            </table>
            <br />
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<br />
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
            <br />
            <br />
            <span style="font-size: 11pt; color: black; font-family: Arial"><strong>&nbsp; &nbsp;
                &nbsp; New Member&nbsp;
                <asp:LinkButton ID="LinkButton2" runat="server" ForeColor="#669933" OnClick="LinkButton2_Click"
                    Width="108px">Sign Up Here</asp:LinkButton></strong></span><br />
            <br />
            <br />
            &nbsp;<br />
            <br />
        </asp:Panel>
    </form>
</body>
</html>

Here is Default.aspx(Co ntentPage)

Code:

<%@ Page Language="C#" MasterPageFile="~/submaster.master" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" Title="Untitled Page" EnableEventValidation="true"   %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"  >


<div id="generalhead" style="width: 297px; height: 15px">
    <span style="font-size: 12pt; color: #669933; font-family: Arial; text-decoration: underline;"><strong>Doctor Sign Up-Additional Information</strong></span>&nbsp;</div>
    <br />
    <br />
        <table style="width: 768px; height: 147px">
        <tr>
        <td style="width: 291px; height: 14px; " valign="top">
        <div id="box">
            <table style="width: 291px; height: 195px" cellspacing="2">
                <tr>
                    <td style="width: 100px" align="right">
                        Qualification</td>
                    <td style="width: 100px">
                        &nbsp;<asp:TextBox ID="txtQualification" runat="server"></asp:TextBox></td>
                        <td style="width: 9px">
                        <span style="color:Red" >*</span>
                        </td>
                </tr>
                <tr>
                    <td style="width: 100px" align="right">
                        Permanent Address</td>
                    <td style="width: 100px" >
                        <asp:TextBox ID="txtpaddress" runat="server" TextMode="MultiLine"></asp:TextBox></td>
                        <td style="width: 9px">
                        <span style="color:Red" >*</span>
                        </td>
                </tr>
                <tr>
                    <td style="width: 100px" align="right">
                        Registration No</td>
                    <td style="width: 100px">
                        <asp:TextBox ID="txtregno" runat="server"></asp:TextBox></td>
                        <td style="width: 9px">
                        <span style="color:Red" >*</span>
                        </td>
                </tr>
                <tr>
                    <td style="width: 100px" align="right">
                        Experience</td>
                    <td style="width: 100px">
                        <asp:TextBox ID="txtexp" runat="server"></asp:TextBox></td>
                    <td style="width: 9px">
                        <span style="color:Red" >*</span>
                        </td>
                </tr>
                <tr>
                    <td style="width: 100px" align="right">
                        Upload Photo</td>
                    <td style="width: 100px">
                        &nbsp;<input id="filUpload" runat="server" type="file" /></td>
                    <td style="width: 9px">
                        <span style="color:Red" >*</span>
                        </td>
                </tr>
                <tr>
                    <td align="right" style="width: 100px">
                    </td>
                    <td style="width: 100px">
                        <asp:Button id="btnUpload" runat="server" OnClick="btnUpload_Click" Text="Upload" /></td>
                    <td style="width: 9px">
                    </td>
                </tr>
            </table>
            </div>
        </td>
        <td style="width: 100px; height: 14px;" valign="top" align="center">
        <div id="box1">
            <table style="width: 291px; height: 195px" cellspacing="2">
                <tr>
                    <td style="width: 100px" align="right">
                        <span style="font-size: 11pt; color: dimgray; font-family: Arial">
                            <asp:Label id="lblOutput" runat="server"></asp:Label></span></td>
                    <td style="width: 100px">
                        <asp:Image id="imgPicture" runat="server" Height="120px" Width="160px">
                        </asp:Image></td>
                        <td>
                        </td>
                </tr>
            </table>
            </div>
            
        </td>
        </tr>
        </table>
        <br />
    <table style="width: 765px">
        <tr>
            <td style="width: 100px; height: 14px" align="center">
                &nbsp;<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/images/Submit.jpg" OnClick="ImageButton1_Click" /></td>
        </tr>
        <tr>
        <td align="center" style="height: 21px" >
            <span style="font-family: Arial"><span style="font-size: 11pt"><strong>
        (<span style="color:Red">*</span>)</strong></span><span style="color:darkgray"> <span style="font-size: 11pt"><strong>These Fields are Mandatory</strong></span></span>
            </span>
        </td>
        </tr>
    </table>
  
</asp:Content>

Code of Default.aspx.cs (ContentPage):

Code:

using System;
using System.Data;
using System.Configuration;
using System.Collections;
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;
using System.Data.SqlClient;
using System.Drawing;

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

    }
    protected void ImageButton1_Click(object sender, ImageClickEventArgs e)
    {

    }

    protected override void Render(HtmlTextWriter writer)
    {

        base.Render(writer);
        this.Page.ClientScript.RegisterForEventValidation(btnUpload.ID);
    }
  

    protected  void btnUpload_Click(object sender, System.EventArgs e)
{
    
    // Initialize variables
    string sSavePath;
    string sThumbExtension;
    int intThumbWidth;
    int intThumbHeight;

    // Set constant values
    sSavePath = "images/";
    sThumbExtension = "_thumb";
    intThumbWidth = 160;
    intThumbHeight = 120;

    // If file field isn’t empty
    if (filUpload.PostedFile != null)   .....//here iam not getting value in filUpload Control//.....
    {
        // Check file size (mustn’t be 0)
        HttpPostedFile myFile = filUpload.PostedFile;
        int nFileLen = myFile.ContentLength;
        if (nFileLen == 0)
        {
            lblOutput.Text = "No file was uploaded.";
            return;
        }

        // Check file extension (must be JPG)
        if (System.IO.Path.GetExtension(myFile.FileName).ToLower() != ".jpg")
        {
            lblOutput.Text = "The file must have an extension of JPG";
            return;
        }

        // Read file into a data stream
        byte[] myData = new Byte[nFileLen];
        myFile.InputStream.Read(myData,0,nFileLen);

        // Make sure a duplicate file doesn’t exist.  If it does, keep on appending an 
        // incremental numeric until it is unique
        string sFilename = System.IO.Path.GetFileName(myFile.FileName);
        int file_append = 0;
        while (System.IO.File.Exists(Server.MapPath(sSavePath + sFilename)))
        {
            file_append++;
            sFilename = System.IO.Path.GetFileNameWithoutExtension(myFile.FileName)
                             + file_append.ToString() + ".jpg";
        }

        // Save the stream to disk
        System.IO.FileStream newFile
                = new System.IO.FileStream(Server.MapPath(sSavePath + sFilename), 
                                           System.IO.FileMode.Create);
        newFile.Write(myData,0, myData.Length);
        newFile.Close();

        // Check whether the file is really a JPEG by opening it
        System.Drawing.Image.GetThumbnailImageAbort myCallBack = 
                       new System.Drawing.Image.GetThumbnailImageAbort(ThumbnailCallback);
        Bitmap myBitmap;
        try
        {
            myBitmap = new Bitmap(Server.MapPath(sSavePath + sFilename));

            // If jpg file is a jpeg, create a thumbnail filename that is unique.
            file_append = 0;
            string sThumbFile = System.IO.Path.GetFileNameWithoutExtension(myFile.FileName)
                                                     + sThumbExtension + ".jpg";
            while (System.IO.File.Exists(Server.MapPath(sSavePath + sThumbFile)))
            {
                file_append++;
                sThumbFile = System.IO.Path.GetFileNameWithoutExtension(myFile.FileName) + 
                               file_append.ToString() + sThumbExtension + ".jpg";
            }

            // Save thumbnail and output it onto the webpage
            System.Drawing.Image myThumbnail
                    = myBitmap.GetThumbnailImage(intThumbWidth, 
                                                 intThumbHeight, myCallBack, IntPtr.Zero);
            myThumbnail.Save (Server.MapPath(sSavePath + sThumbFile));
            imgPicture.ImageUrl = sSavePath + sThumbFile;

            // Displaying success information
            lblOutput.Text = "File uploaded successfully!";

            // Destroy objects
            myThumbnail.Dispose();
            myBitmap.Dispose();
        }
        catch (ArgumentException errArgument)
        {
            // The file wasn't a valid jpg file
            lblOutput.Text = "The file wasn't a valid jpg file.";
            System.IO.File.Delete(Server.MapPath(sSavePath + sFilename));
        }
    }
}

public bool ThumbnailCallback()
{
    return false;
}        
    }

**Bassem** · Dec 27 '08, 01:23 AM

1) Line 44: You don't save the file directly to http:/ some URL instead try this

string onServerPath = Request.Physica lApplicationPat h+@"Folder1\";
ImageFileUpload .SaveAs(onServe rPath + ImageFileUpload .FileName);

2)You spent a lot of code and a lot of time to open an IOStream and read/write the file, easier use SaveAs Method

3) "Between only you and me", To get immediate help type only the intended part of code not the whole project, to make others focus on the problem

Thanks
Bassem

**Frinavale** · Dec 30 '08, 03:10 PM

Hi Premprakashbhat i,

Please do not double post your questions. It makes it difficult for you to get an answer to your question. Also, please only post code relevant to the question you have because it is very hard for us to read through your code to find the few lines that you are talking about. I've merged your threads together since they are the same question.

Anyways, instead of using the HTML upload input you should look into using the .NET FileUpload Control. This control will get around the validation problem you're having and it also offers you tools that let you save the file more easily.

-Frinny

Upload photo in asp.net content page

Upload photo in asp.net content page

Comment

Comment

Comment