为什么 Gridview 不显示图像？

Question

为什么在 Gridview 中没有加载图像？

<asp:GridView runat="server" ID="grdviewPropertyDetails" OnRowCommand="grdviewPropertyDetails_RowCommand" DataKeyNames="pk_PropertyDetails_PropertyDetailsID" AutoGenerateColumns="false" CssClass="table table-condensed table-bordered table-striped table-responsive">
   <Columns>    
     <asp:ImageField DataImageUrlField="PropertyDetailsFardPath" HeaderText="Fard Path" ControlStyle-Width="100" ControlStyle-Height = "100" />
     <asp:ButtonField CommandName="cmdEdit" ImageUrl="~/assets/global/images/shopping/edit.png" ButtonType="Image" ControlStyle-Width="25px" ControlStyle-Height="25px" />
     <asp:ButtonField CommandName="cmdDelete" ImageUrl="~/assets/global/images/shopping/delete.png" ButtonType="Image" ControlStyle-Width="25px" ControlStyle-Height="25px" />
   </Columns>
</asp:GridView>

返回的路径是这样的

G:\Study & Official Projects\Office Projects\Municipal Corporation\MCP-Building Plan Approval\MCP-Building Plan Approval\SiteImages\fard 2.png

是的，图像在其中，但 gridview 列是空的。

P.S 我像这样将它保存到数据库中：

if (FileUpload1.HasFile)
{
    string fileName = Path.GetFileName(FileUpload1.FileName);
    FileUpload1.PostedFile.SaveAs(Server.MapPath("~/SiteImages/") + fileName);
    HdnFieldFard.Value = Server.MapPath(FileUpload1.FileName);
    ResultLabel.ResultLabelAttributes("Image Uploaded", ProjectUserControls.Enums.ResultLabel_Color.Red);
    ResultPanel.Controls.Add(ResultLabel);
}

和

string FardImagePath = HdnFieldFard.Value;

然后通过发送 FardImagePath 插入到数据库中

Answer 1

    Instead you can directly convert the BLOB or Binary in <asp:Image> tag and click on the Button Tag, it will take you to the IndexChangedFunction and you can do further operations with the grid.
Its perfectly worked for me, may be work for your requirement too:

        <asp:GridView ID="Gvid" runat="server" Width="100%" AutoGenerateColumns="false" OnSelectedIndexChanged="Gvid_SelectedIndexChanged" >
                <Columns>
    <asp:TemplateField HeaderText="IMAGE" Visible="false">
    <ItemTemplate>
    <asp:Image runat ="server"  ImageUrl='<%# "data:image/jpg;base64," + Convert.ToBase64String((byte[])Eval("IMAGE")) %>' ID="Image"  />
    </ItemTemplate>
    </asp:TemplateField>
    <asp:ButtonField DataTextField ="MODEL" CommandName="select" HeaderText ="MODEL" />
    </Columns> 
    </asp:GridView>

Answer 2

<asp:GridView runat="server" ID="grdviewPropertyDetails"     OnRowCommand="grdviewPropertyDetails_RowCommand" DataKeyNames="pk_PropertyDetails_PropertyDetailsID" AutoGenerateColumns="false" CssClass="table table-condensed table-bordered table-striped table-responsive">
  <Columns> 
<asp:templateField>
<itemTemplate>   
 <img src='<%#Eval("PropertyDetailsFardPath")%>' height="100px" width="100%"/>
     <asp:ButtonField CommandName="cmdEdit" ImageUrl="~/assets/global/images/shopping/edit.png" ButtonType="Image" ControlStyle-Width="25px" ControlStyle-Height="25px" />
     <asp:ButtonField CommandName="cmdDelete" ImageUrl="~/assets/global/images/shopping/delete.png" ButtonType="Image" ControlStyle-Width="25px" ControlStyle-Height="25px" />
</itemTemplate>
</asp:TemplateField>
   </Columns>
</asp:GridView>

Answer 3

而不是在数据库中保存完整路径。只需将图像名称保存在数据库中。在网格视图 rowdatabound 事件中，您可以更改图像 src。

例如：Server.MapPath("~/SiteImages/") + 文件名