Image Handling

-

Image handling can be done by two ways-

1. Using controls.

2. Using code.

Using controls-

a) Image Control- ImageUrl is the property of Image control.  

b) ImageButton Control- ImageUrl, PostBackUrl

Steps to add image in image control- 

i.   Create a directory in your project. 

ii.  Add an image in that directory. 

iii. Refresh the solution explorer(In dot net). 

iv. Now, Go to the properties of Image control> ImageUrl> Click on the dots > Select the image from the dialog box 

======================================

 File Upload Control- It allows us to Upload Image to a server or store in web form. 

Drag n Drop File Upload Control from tool box, take a button control beside it[Name it as Upload],Image control.

When we browse the file and click on Upload button, the image will be stored in the folder we have created earlier and be shown in the Image control.  

FileUpload1.SaveAs(Server.MapPath("~") + "//Photo//" + FileUpload1.FileName); 

[The above code is used to store the image in "Photo" folder.]

"~" - tilde Symbol reads the root folder.

Server.MapPath() - It indicates the location. 

Folder works in SaveAs property- We can any number of files in a folder. 

Image1.ImageUrl = "~/Photo/" + FileUpload1.FileName; 

[The above code is used to display the image in Image Control]





Comments

Post a Comment

Popular posts from this blog

Parameter Query

-
If we pass the value with (, ' " ! $) symbols in the control that will not be accepted through normal query. Parameter Query is used to accept the value with special symbols in the control like textbox. Parameter Query use a user defined variable with an @ sign.  In Parameter Query control is written in a different syntax. Column name and variable name can not be the same. Without column_name we can not perform Parameter query. Syntax- Insert- string s= "insert into Table_name (Column_name) values (@variable_name)"; cm = new SqlCommand(s,cn); cm.Parameters.AddWithValue("variable_name", control_name); cm.ExecuteNonQuery(); Update- string q = "update Proc_table set name=@name1 where email = @email1"; cm = new SqlCommand(q, cn); cm.Parameters.AddWithValue("name1", TextBox1.Text); cm.Parameters.AddWithValue("email1", TextBox2.Text); cm.ExecuteNonQuery();  
Read more

Final Project

-
Image
Registration form project   CODING- using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Data.SqlClient; using System.Configuration; public partial class RegPage : System.Web.UI.Page {     SqlConnection cn;     SqlCommand cm;     SqlDataReader dr;     FinalClass fc = new FinalClass();     protected void Page_Load(object sender, EventArgs e)     {         if (!IsPostBack)         {             statedisplay();         }     }     protected void connect()     {         string s = ConfigurationManager.AppSettings["Ch_Db"];         cn = new SqlConnection(s);         cn.Open();          }     protected void statedisplay...
Read more

Grid View Paging

-
  Grid View paging- Grid view paging is used when we have to read the data in bulk then we divide the complete data records into pages consists 10 records in one page. SqlDataAdapter - It is used for Grid View Paging Data Adapter reads data in group of 10 records unlike DataReader which reads the data line by line. DataSet - DataSet Object is created, it accepts the data in bulk. Fill() - Fill() is used. CODE - protected void display() { //Connection Code string s = ConfigurationManager.AppSettings["db"]; cn = new SqlConnection(s); cn.Open(); //DataSet Object DataSet ds = new DataSet(); string s = "select * from Videodb"; //SqlDataAdapter object SqlDataReader adp = new SqlDataAdapter(); adp.Fill(ds); GridView1.DataSoruce = ds; GridView1.DataBind(); } Source code-   <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"              Height="589px" Width="483px" OnPageIndexChanging="click...
Read more