在gridview中显示图像（多个图像）

我已经实现了图像路径存储在数据库中并且图像存储在服务器中的功能。在gridview中显示图像（多个图像）

现在，我想要的是每当图像已上传，路径应保存在表中，并从那里我希望图像显示在gridview。

我已经做了一个gridview显示图像，目前它正在Image_path在该列我想要显示Images而不是路径。

另外，请参阅的GridView的代码：

<asp:GridView ID="grdGalleryData" runat="server" Width="100%" border="1" 
       Style="border: 1px solid #E5E5E5;" CellPadding="3" AutoGenerateColumns="False" 
       AllowPaging="True" PageSize="2" CssClass="hoverTable" DataKeyNames="Id"> 
    <AlternatingRowStyle BackColor="#CCCCCC" /> 
    <Columns> 
     <asp:TemplateField HeaderText="Select" ItemStyle-Width="30" HeaderStyle-CssClass="k-grid td"> 
      <ItemTemplate> 
       <asp:CheckBox ID="chkDelete" runat="server" /> 
      </ItemTemplate> 
      <HeaderStyle CssClass="k-grid td"></HeaderStyle> 
      <ItemStyle Width="30px"></ItemStyle> 
     </asp:TemplateField> 
     <asp:BoundField DataField="gallery_id" HeaderText="Id" ItemStyle-Width="25" HeaderStyle-CssClass="k-grid td" /> 
     <asp:BoundField DataField="image_title" HeaderText="Gallery title" ItemStyle-Width="25" HeaderStyle-CssClass="k-grid td" /> 
     <asp:BoundField DataField="image_description" HeaderText="Gallery Description" ItemStyle-Width="25" HeaderStyle-CssClass="k-grid td" /> 
     <asp:BoundField DataField="image_path" HeaderText="Images" ItemStyle-Width="25" HeaderStyle-CssClass="k-grid td" /> 
    </Columns> 
</asp:GridView>

代码背后的图像插入到表： -

protected void btnAdd_Click(object sender, EventArgs e) 
{ 
    if (FileUpload1.HasFile == false) 
    { 
     ScriptManager.RegisterStartupScript(Page, Page.GetType(), "key", "<script>alert('Please select the file.')</script>", false); 
    } 
    else 
    { 
     foreach (var file in FileUpload1.PostedFiles) 
     { 
      string filename = Path.GetFileName(file.FileName); 

      FileUpload1.SaveAs(Server.MapPath("/GalleryImages/" + filename)); 

      SqlCommand cmd = new SqlCommand("Insert into tbl_gallery_stack(gallery_id, image_title, image_description, image_path) values (@gallery_id,@image_title,@image_description,@image_path)", conn); 

      cmd.Parameters.AddWithValue("@gallery_id", ddlImagesId.SelectedValue); 
      cmd.Parameters.AddWithValue("@image_title", txtImageTitle.Text); 
      cmd.Parameters.AddWithValue("@image_description", txtImageDescription.Text); 
      cmd.Parameters.AddWithValue("@image_path", filename); 
      conn.Open(); 
      cmd.ExecuteNonQuery(); 
      BindGrid(); 
     } 
    } 
}

请让我知道如何在GridView显示图像在这里。

来源

2015-01-05 BNN

使用图像控制。 –

使用asp：imagefield请参考http://msdn.microsoft.com/en-us/library/aa479350.aspx –

@صفي：让我试试.. !! – BNN

更改此：

<asp:BoundField DataField="image_path" HeaderText="Images" ItemStyle-Width="25" HeaderStyle-CssClass="k-grid td" />

要这样：从纳迪姆

<asp:TemplateField HeaderText="Images" ItemStyle-Width="25" HeaderStyle-CssClass="k-grid td"> 
    <ItemTemplate> 
     <asp:Image ID="img" runat="server" ImageUrl='<%# Bind("image_path") %>' /> 
    </ItemTemplate> 
</asp:TemplateField>

更新。

在ASPX文件：

<asp:TemplateField HeaderText="Images" ItemStyle-Width="25" HeaderStyle-CssClass="k-grid td"> 
    <ItemTemplate> 
     <asp:Image ID="imgDisplay" runat="server" ImageUrl='<%#Getimage(Eval("image_path").ToString()) %>' Width="100px" Height="100px" /> 
    </ItemTemplate> 
</asp:TemplateField>

代码背后：在模板领域，而不是绑定字段

protected string Getimage(string img) 
{ 
    if (img != "") 
     return ("~/GalleryImages/" + img); 
    else 
     return ("Images/noimg.gif"); 
}

来源

2015-01-05 13:23:22 dario

为什么它是这样的，在每次加载时我都无法查看gridview？ – BNN

现在图像不来了，我的意思是路径问题 – BNN

@NadeemKhan你看到一个破碎的图像？尝试右键单击它 - >属性，看看路径是什么。 – dario

在gridview中显示图像（多个图像）

回答

相关问题