Click here to Skip to main content
14,120,859 members
Rate this:
Please Sign up or sign in to vote.
See more:
hello friends,

As a beginner in C# ,i am trying different possibilities of grid-view and i am stuck with situation.can anybody help to solve this?

i have stored a binary image in database and retrieved to the grid-view,so far so good,
when i have tried to update the content in the grid-view:
in my grid-view there are five fields (productid,productname,price,productpic,description)

For text: TextBox productname =(TextBox)GridView1.Rows[e.RowIndex].Cells[1].Controls[0];

when it comes to image field that is productpic i have stuck,i don't know which code works for update a binary coded image

can anybody help me to find solution?

What I have tried:

string images = "data:Image/png;base64," + Convert.ToBase64String((byte[])Eval("productpic"));

Image images = GridView1.Rows[e.RowIndex].Cells[3].Controls[0];
Updated 18-Nov-18 9:11am
Vincent Maverick Durano 18-Nov-18 12:58pm
Show us your GridView HTML markup. I want to see how it's being declared.
Member 11993108 20-Nov-18 18:09pm
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="4" ForeColor="Black" GridLines="Horizontal" DataKeyNames="productid" OnRowDeleting="GridView1_RowDeleting" OnRowEditing="GridView1_RowEditing" OnRowUpdating="GridView1_RowUpdating">
<asp:BoundField DataField="productname" HeaderText="Product Name" />
<asp:BoundField DataField="price" HeaderText="Price" />
<asp:TemplateField HeaderText="product">
<asp:Image ID="Image1" runat="server" ImageUrl='<%# "data:Image/png;base64," + Convert.ToBase64String((byte[])Eval("productpic")) %>' Width="200px" />

<asp:BoundField DataField="description" HeaderText="Description" />
<asp:CommandField ShowEditButton="True" />
<asp:CommandField ShowDeleteButton="True" />
Vincent is currect .Please show the html with saving code

1 solution

Rate this: bad
Please Sign up or sign in to vote.

Solution 1

You need to to have a FileUpload control within EditItemTemplate so you can browse new image.You can then update the image from your database just like updating normal data in your database. The idea is to get the existing ID of the row that holds your image and then update it with the new image (either update the path or the image itself ~ that depends on how you store the images).

For example your GridView would have something like this:
<asp:TemplateField HeaderText="Image">
                   <asp:Image  runat="server" ID="Image1" />
                    <asp:FileUpload ID="FileUpload1" runat="server" />

Since you were storing the image as Binary file to display them, then you don't have to access the Image itself to update it. Instead, you just need to update the data from database and rebind your GridView to reflect the changes. Here's an example that I wrote many years ago: FAQ: Displaying Image from Database to GridView Control[^]

Here's a quick example:
private void Update(int ID, string name, decimal price, string description,byte[] image){
	using (SqlConnection connection = new SqlConnection("YOUR CONNECTION STRING HERE")) {
            string sql = "UPDATE YourTableName SET Name = @Name, Price = @Price, Description = @Description, Image = @Image WHERE ID = @ID";
            using (SqlCommand cmd = new SqlCommand(sql, connection)) {
			    cmd.Parameters.AddWithValue("@ID", ID);
	            cmd.Parameters.AddWithValue("@Name", name);
			    cmd.Parameters.AddWithValue("@Price", price);
			    cmd.Parameters.AddWithValue("@Description", description);
			    cmd.Parameters.AddWithValue("@Image", image);

protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e)
	// turn to edit mode
        GridView1.EditIndex = e.NewEditIndex; 

	// Call the method for re-binding GridView to reflect changes made

protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)
        //Accessing Edited values from the GridView

        string id = GridView1.Rows[e.RowIndex].Cells[0].Text; //ID
        string name = ((TextBox)GridView1.Rows[e.RowIndex].Cells[1].Controls[0]).Text; //productname
        string price = ((TextBox)GridView1.Rows[e.RowIndex].Cells[2].Controls[0]).Text; //price
        FileUpload fileUpload = (FileUpload)GridView1.Rows[e.RowIndex].Cells[3].FindControl("FileUpload1"); //FileUpload control
        string description = ((TextBox)GridView1.Rows[e.RowIndex].Cells[4].Controls[0]).Text; //description

	//get newly uploaded image stream
	byte[] theImage = new byte[fileUpload.PostedFile.ContentLength];
        HttpPostedFile Image = fileUpload.PostedFile;
        Image.InputStream.Read(theImage, 0, (int)fileUpload.PostedFile.ContentLength);
        int length = theImage.Length; //get the length of the image
        string fileName = fileUpload.FileName.ToString(); //get the file name of the posted image
        string type = fileUpload.PostedFile.ContentType; //get the type of the posted image
        int size = fileUpload.PostedFile.ContentLength; //get the size in bytes that
        if (fileUpload.PostedFile != null && fileUpload.PostedFile.FileName != "")
		// call update method

	//revert the state to read-only
        GridView1.EditIndex = -1;

	// Call the method for re-binding GridView to reflect changes made

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy | Cookies | Terms of Service
Web06 | 2.8.190518.1 | Last Updated 18 Nov 2018
Copyright © CodeProject, 1999-2019
All Rights Reserved.
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100