Dotnet: asp.net Datalist insert update delete example

I want to show you how to use datalist for CRUD operation in asp.net.<br /><br /> <br /><br /> I created one table 'customer' with CustomerID(Primary Key) and CustomerName as two fields in database.<br /><br /> <br /><br /> Following is the HTML source<br /><br /> -------------------------------<br /><br /> <br /><br /> <blockquote class="tr_bq"><blockquote class="tr_bq"><h2>Datalist Example Application:</h2><br /><br />         <asp:DataList ID="DataList1" runat="server" CellPadding="4"<br /><br />             onitemcommand="DataList1_ItemCommand"<br /><br />             oncancelcommand="DataList1_CancelCommand" oneditcommand="DataList1_EditCommand"<br /><br />             onupdatecommand="DataList1_UpdateCommand"<br /><br />             ondeletecommand="DataList1_DeleteCommand" ForeColor="#333333"><br /><br />             <FooterStyle BackColor="#1C5E55" ForeColor="White" Font-Bold="True" /><br /><br />             <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" /><br /><br />             <ItemStyle BackColor="#E3EAEB" /><br /><br />         <ItemTemplate><br /><br />         <table border="0" cellpadding="0" cellspacing="0"><br /><br />         <tr><br /><br />         <th>Customer ID:</th><br /><br />         <td><asp:Label ID="lblCustNo" runat="server" <br /> Text='<%#Bind("CustomerID") %>'></asp:Label></td><br /><br />         </tr><br /><br />         <tr><br /><br />         <th>Customer Name:</th><br /><br />         <td><asp:Label ID="lblCustName" runat="server" <br /> Text='<%#Bind("CustomerName") %>'></asp:Label></td><br /><br />         </tr><br /><br />         <tr><td><asp:Image ID="Image1" Height="20px" <br /> Width="20px" ImageUrl="~/Images/edit-icon.png" runat="server" /><br /><br />         <asp:Button ID="btnEdit" runat="server" Text="Edit" <br /> CommandName="Edit" OnClientClick="return confirm('Are you sure you want <br /> to Edit this record?');" /></td><br /><br />         <td><br /><br />         <asp:Image ID="Image2" Height="20px" Width="20px" ImageUrl="~/Images/delete.png" runat="server" /><br /><br />         <asp:Button ID="btnDelete" runat="server" Text="Delete" <br /> CommandName="Delete"  OnClientClick="return confirm('Are you sure you <br /> want to delete this record?');" /></td><br /><br />         </tr><br /><br />          </table><br /><br />         </ItemTemplate><br /><br />          <FooterTemplate><br /><br />           <table border="0" cellpadding="0" cellspacing="0"><br /><br />         <tr><br /><br />         <th>Customer ID:</th><br /><br />         <th>Customer Name:</th><br /><br />         </tr><br /><br />         <tr><br /><br />         <td><asp:TextBox ID="txtCustNo" runat="server" <br /> Text='<%#Bind("CustomerID") %>'></asp:TextBox></td><br /><br />         <td><asp:TextBox ID="txtCustName" runat="server" <br /> Text='<%#Bind("CustomerName") <br /> %>'></asp:TextBox></td><br /><br />         <td><br /><br />         <asp:Image ID="Image1" Height="20px" Width="20px" ImageUrl="~/Images/add.png" runat="server" /><br /><br />         <asp:Button ID="btnInsert" runat="server" Text="Add New Customer" CommandName="Insert" /></td><br /><br />         </tr><br /><br />          </table><br /><br />          </FooterTemplate><br /><br />             <AlternatingItemStyle BackColor="White" /><br /><br />          <EditItemTemplate><br /><br />           <table border="0" cellpadding="0" cellspacing="0"><br /><br />             <tr><br /><br />             <td>Customer ID:</td><br /><br />             <td><asp:TextBox ID="etxtCustNo" runat="server" <br /> Text='<%#Bind("CustomerID") %>'></asp:TextBox></td><br /><br />             <//tr><br /><br />              <tr><br /><br />             <td>Customer Name:</td><br /><br />             <td><asp:TextBox ID="etxtCustName" runat="server" <br /> Text='<%#Bind("CustomerName") <br /> %>'></asp:TextBox></td><br /><br />             <//tr><br /><br />             <tr><br /><br />             <td><asp:Button ID="btnUpdate" runat="server" Text="Update" CommandName="Update" /></td><br /><br />             <td><asp:Button ID="btnCancel" runat="server" Text="Cancel" CommandName="Cancel" /></td><br /><br />             </tr><br /><br />          </EditItemTemplate> <br /><br />             <SelectedItemStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" /><br /><br />         </asp:DataList></blockquote></blockquote>---------------------------------<br /><br /> Now on code behind please write following code:<br /><br /> <br /><br /> <br /><br /> <blockquote class="tr_bq"><blockquote class="tr_bq">public partial class WebForm1 : System.Web.UI.Page<br /><br />     {<br /><br />         protected void Page_Load(object sender, EventArgs e)<br /><br />         {<br /><br />             if (!Page.IsPostBack)<br /><br />             {<br /><br />                 Bind();<br /><br />             }<br /><br />         }<br /><br /> <br /><br />         private void Bind()<br /><br />         {<br /><br />             string connectionString = ConfigurationManager.ConnectionStrings["mystring"].ConnectionString;<br /><br />             SqlConnection conn = new SqlConnection(connectionString);<br /><br />             SqlDataAdapter ad = new SqlDataAdapter("select * from Emp", conn);<br /><br />             DataSet ds = new DataSet();<br /><br />             conn.Open();<br /><br />             ad.Fill(ds);<br /><br />             conn.Close();<br /><br />             DataList1.DataSource = ds.Tables[0];<br /><br />             DataList1.DataBind();<br /><br /> <br /><br />         }<br /><br /> <br /><br />         protected void DataList1_ItemCommand(object source, DataListCommandEventArgs e)<br /><br />         {<br /><br />           <br /><br />             string connectionString = ConfigurationManager.ConnectionStrings["mystring"].ConnectionString;<br /><br />             if (e.CommandName.Equals("Insert"))<br /><br />             {<br /><br />                 TextBox txtCustNo = (TextBox)e.Item.FindControl("txtCustNo");<br /><br />                 TextBox txtCustName = (TextBox)e.Item.FindControl("txtCustName");<br /><br />                 SqlConnection conn = new SqlConnection(connectionString);<br /><br />                 SqlCommand cmd = new SqlCommand();<br /><br />                 cmd.Connection = conn;<br /><br />                 cmd.CommandText = "Insert into Emp(CustomerID,CustomerName) values(@1,@2)";<br /><br />                 cmd.Parameters.AddWithValue("@1", txtCustNo.Text);<br /><br />                 cmd.Parameters.AddWithValue("@2", txtCustName.Text);<br /><br />                 conn.Open();<br /><br />                 cmd.ExecuteNonQuery();<br /><br />                 ClientScript.RegisterStartupScript(GetType(), "ShowAlert", "alert('Record Added Succesfully');", true);<br /><br />                 conn.Close();<br /><br />                 Bind();<br /><br />             }<br /><br />         }<br /><br /> <br /><br />         protected void DataList1_EditCommand(object source, DataListCommandEventArgs e)<br /><br />         {<br /><br /> <br /><br />             DataList1.EditItemIndex = e.Item.ItemIndex;<br /><br />             Bind();<br /><br />         }<br /><br /> <br /><br />         protected void DataList1_CancelCommand(object source, DataListCommandEventArgs e)<br /><br />         {<br /><br />             DataList1.EditItemIndex = -1;<br /><br />             Bind();<br /><br />         }<br /><br /> <br /><br />         protected void DataList1_UpdateCommand(object source, DataListCommandEventArgs e)<br /><br />         {<br /><br />             string connectionString = ConfigurationManager.ConnectionStrings["mystring"].ConnectionString;<br /><br />             if (e.CommandName.Equals("Update"))<br /><br />             {<br /><br />                 TextBox txtCustNo = (TextBox)e.Item.FindControl("etxtCustNo");<br /><br />                 TextBox txtCustName = (TextBox)e.Item.FindControl("etxtCustName");<br /><br />                 SqlConnection conn = new SqlConnection(connectionString);<br /><br />                 SqlCommand cmd = new SqlCommand();<br /><br />                 cmd.Connection = conn;<br /><br />                 cmd.CommandText = "Update Emp set CustomerName=@1 where CustomerID=@2";<br /><br />                 if (txtCustName != null)<br /><br />                     cmd.Parameters.Add("@1", SqlDbType.VarChar, 50).Value = txtCustName.Text;<br /><br />                 if (txtCustNo != null)<br /><br />                     cmd.Parameters.Add("@2", SqlDbType.Int, 20).Value = txtCustNo.Text;<br /><br />                 conn.Open();<br /><br />                 cmd.ExecuteNonQuery();<br /><br />                 DataList1.EditItemIndex = -1;<br /><br />                 ClientScript.RegisterStartupScript(GetType(), "ShowAlert", "alert('Record Updated Succesfully');", true);<br /><br />                 conn.Close();<br /><br />                 Bind();<br /><br />             }<br /><br />         }<br /><br /> <br /><br />         protected void DataList1_DeleteCommand(object source, DataListCommandEventArgs e)<br /><br />         {<br /><br />           <br /><br />             string connectionString = ConfigurationManager.ConnectionStrings["mystring"].ConnectionString;<br /><br />             if (e.CommandName.Equals("Delete"))<br /><br />             {<br /><br />                 Label txtCustNo = (Label)e.Item.FindControl("lblCustNo");<br /><br />                 Label txtCustName = (Label)e.Item.FindControl("lblCustName");<br /><br />                 SqlConnection conn = new SqlConnection(connectionString);<br /><br />                 SqlCommand cmd = new SqlCommand();<br /><br />                 cmd.Connection = conn;<br /><br />                 cmd.CommandText = "Delete from Emp where CustomerID=@1";<br /><br />                 if(txtCustNo!=null)<br /><br />                 cmd.Parameters.Add("@1", SqlDbType.Int, 20).Value = txtCustNo.Text;<br /><br />                 conn.Open();<br /><br />                 cmd.ExecuteNonQuery();<br /><br />                 ClientScript.RegisterStartupScript(GetType(), "ShowAlert", "alert('Record Deleted Succesfully');", true);<br /><br />                 conn.Close();<br /><br />                 Bind();<br /><br /> <br /><br />             }<br /><br />         }<br /><br />     }</blockquote></blockquote><br /><br /> Run it now by Pressing F5.<br /><br /> <br /><br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCUoCbF9bPnxORrIxNQmp7omcOEJx-hf8Q39I3rUl1r6qxFMAOGFurL0BbH3t9UW2KvaHzdw5f1AbDVKzFeCfFBhOlzvY_QCIAhg0KXi7Id0F7eyfnDJ-YoP7cKOG6ges3K5tDfh435ukQ/s1600/a.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCUoCbF9bPnxORrIxNQmp7omcOEJx-hf8Q39I3rUl1r6qxFMAOGFurL0BbH3t9UW2KvaHzdw5f1AbDVKzFeCfFBhOlzvY_QCIAhg0KXi7Id0F7eyfnDJ-YoP7cKOG6ges3K5tDfh435ukQ/s320/a.png" width="320" /></a></div>

Dotnet: asp.net Datalist insert update delete example

I want to show you how to use datalist for CRUD operation in asp.net. I created one table 'customer' with CustomerID(Primary Key) and CustomerName as two fields in database. Following is the HTML sour…

Read more »

Difference between String and StringBuilder class in Asp.Net C#

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"> <img class="rg_i" data-sz="f" height="82" name="pe1BU7b3u-HoqM:" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTVXrTHt2jO9K1nM5Bahor1gPKNiUpqGz-vx7vZvLOaexNKyW6PKw" style="height: 137px; margin-left: -10px; margin-right: 0px; margin-top: 0px; width: 332px;" width="200" /></div> <div class="rg_ilm rg_ilsm"> <div class="rg_ilmbg"> <span class="rg_ilmn"> </span></div> </div> <span style="color: #3d85c6;"><b><span style="font-family: Trebuchet MS,sans-serif;">Introduction:</span></b></span> In this article i am going to explain <span class="IL_AD" id="IL_AD1">the difference</span> between String and StringBuilder class in ASP.NET with C# and When to use String and when to use StringBuilder and why? It is one of <span class="IL_AD" id="IL_AD3">the important</span> interview questioned asked in interview.<br /> <br /> <br /> <br /> <div class="MsoNormal"> <b>String </b>and <b>StringBuilder </b>class are used to handle the <span class="IL_AD" id="IL_AD6">strings</span> but there are subtle differences between these two.</div> <div class="MsoNormal"> </div> <div class="MsoNormal"> Let's understand the difference between String and StringBuilder using suitable example:</div> <a href="https://www.blogger.com/null" name="more"></a><br /> <div class="MsoNormal"> <b>1. Performance of StringBuilder is high as compared to String</b></div> <div class="MsoNormal"> </div> <div class="MsoNormal"> Consider the following concatenation example:</div> <div class="MsoNormal"> </div> <div class="MsoNormal"> String str= "";<br /> str += "Welcome ";<br /> str += "to ";<br /> str += "webcodeexpert.com";</div> <div class="MsoNormal"> </div> <div class="MsoNormal"> Output string will be Welcome to webcodeexpert.com</div> <div class="MsoNormal"> </div> <div class="MsoNormal"> Let's do the same concatenation operation using StringBuilder class</div> <div class="MsoNormal"> </div> <div class="MsoNormal"> StringBuilder sb = new StringBuilder("");<br /> sb.Append("Welcome");<br /> sb.Append("to ");<br /> sb.Append("webcodeexpert.com");<br /> String str = sb.ToString();</div> <div class="MsoNormal"> </div> <div class="MsoNormal"> Output string will be Welcome to webcodeexpert.com</div> <div class="MsoNormal"> </div> <div class="MsoNormal"> Have you noticed the result using String and StringBuilder is same; then what is the difference between these two? The difference is in their performance. Whenever we concatenate new string to the old string then String class always create new object of string <span class="IL_AD" id="IL_AD7">type in</span> memory where as when you use string builder class for that purpose, it updates string at <span class="IL_AD" id="IL_AD2">one place</span> in memory and does not create new space in memory. </div> <div class="MsoNormal"> </div> <div class="MsoNormal"> So obviously StringBuilder consumes less memory thus perform faster operation. So it is always recommended to use StringBuilder class for operations that manipulate strings. StringBuilder will give better performance as compared to String when concatenating the strings like shown above in example.</div> <div class="MsoNormal"> </div> <div class="MsoNormal"> 2) From the above point it is clear that <b>String consumes more memory as compared to StringBuilder</b></div> <div class="MsoNormal"> </div> <div class="MsoNormal"> 3)  String Concatenation can be done using '<b>+</b>' operator or using the <b>String.Concat</b> method whereas <span class="IL_AD" id="IL_AD8">in case of</span> StringBuilder we use <b>Append()</b> method to concatenate.</div> <div class="MsoNormal"> </div> <div class="MsoNormal"> 4) <b>String is Immutable (Non Modifiable) whereas StringBuilder is a Mutable Class</b></div> <div class="MsoNormal"> </div> <div class="MsoNormal"> <b>String is immutable</b> i.e. the value stored in the String object cannot be changed. We cannot change it after creating it. Every time we use one of the methods in the System.String class that manipulate the string, we are actually creating a new string object in memory, which requires a new allocation of space for that new object. Internally a new String object is created each time whenever we do the changes. </div> <div class="MsoNormal"> </div> <div class="MsoNormal"> For example, when we use the "String" object to concatenate two strings, the first string is concatenated to the other string by creating a new copy in the memory as a string object, and then the old string is deleted so we can say when we create a string we can never change it, rather it will create a new string to store the new value. </div> <div class="MsoNormal"> </div> <div class="MsoNormal"> Hence it can cause performance issue in situations where we need to perform repeated modifications to the string because overhead associated with creating a new String object can be costly.</div> <div class="MsoNormal"> </div> <div class="MsoNormal"> <b>StringBuilder is mutable</b>. By mutable we mean that we can perform the operations that manipulate the string without creating the new StringBuilder object each time.</div> <div class="MsoNormal"> </div> <div class="MsoNormal"> For example, using the StringBuilder class can boost performance when concatenating many strings together in a loop. So StringBuilder is more efficient if large amounts of string manipulations have to be performed.</div> <div class="MsoNormal"> </div> <div class="MsoNormal"> 4) String class belongs to the namespace <b>System</b> while StringBuilder class belongs to the namespace <b>System.Text</b>.</div> <div class="MsoNormal"> </div> <div class="MsoNormal"> 5) When string concatenation takes place, additional memory will be allocated whereas in case of StringBuffer additional memory will be allocated only when the string buffer capacity exceeds.</div> <div class="MsoNormal"> </div> <div class="MsoNormal"> <span style="color: #3d85c6;"><b><span style="font-family: Trebuchet MS,sans-serif;">When to use String or StringBuilder Class?</span></b></span></div> For simple String manipulations we can use String class. But for large string manipulations it is recommended to use StringBuilder class.</div>

Difference between String and StringBuilder class in Asp.Net C#

Introduction: In this article i am going to explain the difference between String and StringBuilder class in ASP.NET with C# and When to use String and when to use StringBuilder and why? It is one…

Read more »

How to Encrypt and Decrypt a String or password in asp.net

<div dir="ltr" style="text-align: left;" trbidi="on"> <img class="rg_i" data-sz="f" name="1RYIr2bthSU_cM:" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRyG7UosG1QL84TRPlDhk1O0jNCQ0bCnk3IgqsNHkWz6DkuuA7tAA" style="height: 172px; margin-left: 0px; margin-right: 0px; margin-top: 0px; width: 292px;" /><div class="rg_ilm rg_ilsm" data-ved="0CF0Q9wswAw"> <div class="rg_ilmbg"> <span class="rg_ilmn"> </span>In asp.net for encryption and decryption follow these  steps:<br /> <br /> <br /> <b>Step1: </b> Create a class and make 2 function in this class . one for encrypting the string and another for decrypting that string.<br /> <br /> <b>Step2:</b> In class firstly include this NameSpace.<br /> <b style="color: #444444;"><br /></b><br /> <b style="color: #444444;"> using System.Text;</b><br /> <br /> <br /> <b>Step3: </b>Now Create a Function for encrypting the string<br /> <br />  <b><span style="color: #444444;"> public string Encryptdata(string password)</span></b><br /> <b><span style="color: #444444;">    {</span></b><br /> <b><span style="color: #444444;">        string strmsg = string.Empty;</span></b><br /> <b><span style="color: #444444;">        byte[] encode = new</span></b><br /> <b><span style="color: #444444;">        byte[password.Length];</span></b><br /> <b><span style="color: #444444;">        encode = Encoding.UTF8.GetBytes(password);</span></b><br /> <b><span style="color: #444444;">        strmsg = Convert.ToBase64String(encode);</span></b><br /> <b><span style="color: #444444;">        return strmsg;</span></b><br /> <b><span style="color: #444444;">    }</span></b><br /> <b><span style="color: #444444;"><br /></span></b><br /> <b>Step4: </b>Now Create a Function for decrypting the string <span style="color: #444444;"><b><br /></b></span><br /> <br />    <span style="color: #444444;"><b> public string Decryptdata(string encryptpwd)</b></span><br /> <span style="color: #444444;"><b>    {</b></span><br /> <span style="color: #444444;"><b>        string decryptpwd = string.Empty;</b></span><br /> <span style="color: #444444;"><b><br /></b></span><br /> <span style="color: #444444;"><b>        UTF8Encoding encodepwd = new UTF8Encoding();</b></span><br /> <span style="color: #444444;"><b>        System.Text.Decoder utf8Decode = encodepwd.GetDecoder();</b></span><br /> <span style="color: #444444;"><b>        byte[] todecode_byte = Convert.FromBase64String(encryptpwd);</b></span><br /> <span style="color: #444444;"><b>        int charCount = utf8Decode.GetCharCount(todecode_byte, 0, todecode_byte.Length);</b></span><br /> <span style="color: #444444;"><b>        char[] decoded_char = new char[charCount];</b></span><br /> <span style="color: #444444;"><b>        utf8Decode.GetChars(todecode_byte, 0, todecode_byte.Length, decoded_char, 0);</b></span><br /> <span style="color: #444444;"><b>        decryptpwd = new String(decoded_char);</b></span><br /> <span style="color: #444444;"><b>        return decryptpwd;</b></span><br /> <span style="color: #444444;"><b><br /></b></span><br /> <span style="color: #444444;"><b>    }</b></span><br /> <br /> <br /> <b>Step5</b>: Now on your aspx.cs page:<br /> <br /> Now for encrpting a string:<br /> <br /> <br /> <br /> string str="Pradeep Lodhi";<br /> <br /> <br /> string encrptedstr=Encryptdata(str);<br /> <br /> <br /> <br /> for decrypting :<br /> <br /> <br /> string decryptstr=Decryptdata(str);</div> </div> </div>

How to Encrypt and Decrypt a String or password in asp.net

In asp.net for encryption and decryption follow these  steps: Step1:  Create a class and make 2 function in this class . one for encrypting the string and another for decrypting that string. Step2: …

Read more »

How to Compress and Resize/Scale Your Image in ASP.NET C#

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeOrFxn78YA-FKqv2XaT2BoLzxPFYXtvASyd4Rh-K7KjLBcS0wzd4gyT7JMuL8C3wfVQAGjECkNDUXyF60VoiV-U_qfjEM1U412tUrSXZTNwKU2X4vOtPhty1h9iOTlaJf5OIFv4qr8Lij/s1600/ef59d801-f4f5-4930-9c5a-80626b2da254.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeOrFxn78YA-FKqv2XaT2BoLzxPFYXtvASyd4Rh-K7KjLBcS0wzd4gyT7JMuL8C3wfVQAGjECkNDUXyF60VoiV-U_qfjEM1U412tUrSXZTNwKU2X4vOtPhty1h9iOTlaJf5OIFv4qr8Lij/s1600/ef59d801-f4f5-4930-9c5a-80626b2da254.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeOrFxn78YA-FKqv2XaT2BoLzxPFYXtvASyd4Rh-K7KjLBcS0wzd4gyT7JMuL8C3wfVQAGjECkNDUXyF60VoiV-U_qfjEM1U412tUrSXZTNwKU2X4vOtPhty1h9iOTlaJf5OIFv4qr8Lij/s1600/ef59d801-f4f5-4930-9c5a-80626b2da254.png" /></a></div> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;"><b><span style="color: #cc0000; font-family: Trebuchet MS, sans-serif;">Description:</span></b> While working on asp.net application it is </span>sometimes required to <b>resize the image</b> as per application requirement. Suppose there is image upload functionality in your website where user can upload their pictures. In this case you must resize the image before storing so that web space requirement for storing can be reduced.<br /> <br /> <b><span style="color: #cc0000;">Implementation:</span></b> Let's understand by creating a demo website.<br /> <br /> <span style="color: #cc0000; font-family: Georgia, Times New Roman, serif; font-size: medium;">Source Code:</span><br /> <br /> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> </div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <ul style="text-align: left;"> <li><span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;"><span style="color: #990000;">In the design page (.aspx) place a FileUpload Control and a Button control as:<a href="https://www.blogger.com/null" name="more"></a></span></span></li> </ul> </div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> </div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: blue; font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;"><</span><span style="color: maroon; font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">table</span><span style="color: blue; font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">        <span style="color: blue;"><</span><span style="color: maroon;">tr</span><span style="color: blue;">></span></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">                <span style="color: blue;"><</span><span style="color: maroon;">td</span><span style="color: blue;">></span></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">                    <span style="color: blue;"><</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">FileUpload</span> <span style="color: red;">ID</span><span style="color: blue;">="FileUpload1"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"</span> <span style="color: blue;">/></span></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">                <span style="color: blue;"></</span><span style="color: maroon;">td</span><span style="color: blue;">></span></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">            <span style="color: blue;"></</span><span style="color: maroon;">tr</span><span style="color: blue;">></span></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">            <span style="color: blue;"><</span><span style="color: maroon;">tr</span><span style="color: blue;">></span></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">                <span style="color: blue;"><</span><span style="color: maroon;">td</span><span style="color: blue;">></span></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">                      <span style="color: blue;"><</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Button</span> <span style="color: red;">ID</span><span style="color: blue;">="btnUpload"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"</span> <span style="color: red;">Text</span><span style="color: blue;">="Submit"</span> </span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">            <span style="color: red;">onclick</span><span style="color: blue;">="btnUpload_Click"</span> <span style="color: blue;">/></</span><span style="color: maroon;">td</span><span style="color: blue;">></span></span></div>          <span style="color: blue;"></</span><span style="color: maroon;">tr</span><span style="color: blue;">></span>        <br /> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">  <span style="color: blue;"></</span><span style="color: maroon;">table</span><span style="color: blue;">></span></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> </div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: #990000;"><span style="font-family: Georgia,"Times New Roman",serif;"><span style="font-family: "Cambria","serif"; font-size: xx-small; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;"><span style="font-size: medium;">C#.NET Code</span> </span></span></span>to  upload and resize the images<b><i><span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;"></span></i></b></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> </div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <ul style="text-align: left;"> <li><span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;"><span style="color: #990000;">In the code behind file (.aspx.cs) write the code as:</span></span></li> </ul> </div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> </div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">First include following namespaces:</span><br /> <br /> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;"></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: blue; font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">using</span><span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;"> System.Drawing;</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: blue; font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">using</span><span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;"> System.Drawing.Drawing2D;</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: blue; font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">using</span><span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;"> System.Drawing.Imaging;</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: blue; font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">using</span><span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;"> System.Drawing.Design;</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: blue; font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">using</span><span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;"> System.IO;</span></div> <div class="MsoNormal"> <ul style="text-align: left;"> <li><span style="color: #990000;"><span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;">Then write the code as:</span></span><span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;"></span></li> </ul> </div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: blue; font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">protected</span><span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;"> <span style="color: blue;">void</span> btnUpload_Click(<span style="color: blue;">object</span> sender, <span style="color: #2b91af;">EventArgs</span> e)</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">    {</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">        <span style="color: blue;">if</span> (FileUpload1.HasFile)</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">        {</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">            <span style="color: blue;">string</span> img=<span style="color: blue;">string</span>.Empty;</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">            <span style="color: #2b91af;">Bitmap</span> bmpImg=<span style="color: blue;">null</span>;</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">            <span style="color: blue;">try</span></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">            {</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">                bmpImg = Resize_Image(FileUpload1.PostedFile.InputStream, 210, 130);</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">                img = Server.MapPath(<span style="color: #a31515;">"images/"</span>) + <span style="color: #2b91af;">Guid</span>.NewGuid().ToString() + <span style="color: #a31515;">“.png"</span>;</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">                bmpImg.Save(img, <span style="color: #2b91af;">ImageFormat</span>.Jpeg);</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">            }</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">            <span style="color: blue;">catch</span> (<span style="color: #2b91af;">Exception</span> ex)</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">            {</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">                Response.Write(<span style="color: #a31515;">"Error occured: "</span> + ex.Message.ToString());</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">            }</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">            <span style="color: blue;">finally</span></span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">            {</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">                img = <span style="color: blue;">string</span>.Empty;</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">                bmpImg.Dispose();</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">            }       </span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">          }</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">    }</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">  </span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> </div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="color: blue; font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">private</span><span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;"> <span style="color: #2b91af;">Bitmap</span> Resize_Image(<span style="color: #2b91af;">Stream</span> streamImage, <span style="color: blue;">int</span> maxWidth, <span style="color: blue;">int</span> maxHeight)</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">    {</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">        <span style="color: #2b91af;">Bitmap</span> originalImage = <span style="color: blue;">new</span> <span style="color: #2b91af;">Bitmap</span>(streamImage);</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">        <span style="color: blue;">int</span> newWidth = originalImage.Width;</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">        <span style="color: blue;">int</span> newHeight = originalImage.Height;</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">        <span style="color: blue;">double</span> aspectRatio = <span style="color: #2b91af;">Convert</span>.ToDouble(originalImage.Width) / <span style="color: #2b91af;">Convert</span>.ToDouble(originalImage.Height);</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> </div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">        <span style="color: blue;">if</span> (aspectRatio <= 1 && originalImage.Width > maxWidth)</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">        {</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">            newWidth = maxWidth;</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">            newHeight = <span style="color: #2b91af;">Convert</span>.ToInt32(<span style="color: #2b91af;">Math</span>.Round(newWidth / aspectRatio));</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">        }</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">        <span style="color: blue;">else</span> <span style="color: blue;">if</span> (aspectRatio > 1 && originalImage.Height > maxHeight)</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">        {</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">            newHeight = maxHeight;</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">            newWidth = <span style="color: #2b91af;">Convert</span>.ToInt32(<span style="color: #2b91af;">Math</span>.Round(newHeight * aspectRatio));</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">        }</span></div> <div class="MsoNormal" style="margin-bottom: 0.0001pt;"> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">        <span style="color: blue;">return</span> <span style="color: blue;">new</span> <span style="color: #2b91af;">Bitmap</span>(originalImage, newWidth, newHeight);</span></div> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;">    }</span><br /> <br /> <span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-bidi-font-family: Consolas; mso-hansi-theme-font: major-latin;"><span style="font-size: large;"><b><span style="color: red; font-family: "Cambria","serif";"><span style="color: red;">Note</span>:</span></b></span><span style="font-family: "Cambria","serif"; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin;"> Uploaded image will be stored in the “<b>images</b>” folder of the root directory in our case. You can change the folder name and location as per your requirement.  Now you can display the resized image on your website.</span> </span></div>

How to Compress and Resize/Scale Your Image in ASP.NET C#

Description: While working on asp.net application it is sometimes required to resize the image as per application requirement. Suppose there is image upload functionality in your website where user c…

Read more »