使用 ASP.NET 将位图图像从数据库显示到 GridView

Question

我目前正在尝试将在 SQL 数据库中存储为 varbinary 的 QR 码位图图像显示到网格视图中，并且我参考了此链接：[https://www.aspsn-ps.com/文章/Display-images-from-SQL-Server-Database-in-ASP.Net-GridView-control.aspx]

但是，我无法在 gridview 表中正确显示图像，而且我似乎无法找出其中的错误。

这是我后面的gridview代码的代码：

      if (!this.IsPostBack)
            {
                using (SqlDataAdapter sda = new SqlDataAdapter("SELECT * FROM PARCEL", conn))
                {
                    DataTable dt = new DataTable();
                    sda.Fill(dt);
                    GridView1.DataSource = dt;
                    GridView1.DataBind(); 
                }
            }
        }

        protected void OnRowDataBound(object sender, GridViewRowEventArgs e)
        {
            if (e.Row.RowType == DataControlRowType.DataRow)
            {
                DataRowView dr = (DataRowView)e.Row.DataItem;
                string imageUrl = "data:image/png;base64," + Convert.ToBase64String((byte[])dr["QRCode"]);
                (e.Row.FindControl("QRCode") as Image).ImageUrl = imageUrl;
            }
        }

gridview 的标记：

<asp:GridView 
        ID="GridView1" 
        runat="server" 
        AutoGenerateColumns="False" 
        DataKeyNames="ConsignmentNumber" 
        AllowPaging="True" 
        HorizontalAlign="Center" 
        ViewStateMode="Enabled">

        <Columns>
            <asp:BoundField DataField="ConsignmentNumber" HeaderText="ConsignmentNumber" ReadOnly="True" SortExpression="ConsignmentNumber" /> 
            <asp:BoundField DataField="Status" HeaderText="Status" SortExpression="Status" />
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:Image ID="QRCode" runat="server" HeaderText="QRCode" />
                </ItemTemplate>
            </asp:TemplateField>
           
        </Columns>
    </asp:GridView>

我想知道是否有任何解决方案或建议可以应用以正确显示图像。

Answer 1

根据您遇到的错误判断，您已在标记中定义了 DataSourceId，并且正在代码隐藏中设置数据源。你可以做任何一个，但不能同时做。这就是错误告诉您的内容。

<asp:GridView ID="GridView1" runat="server" 
    DataSourceID="yourdatasource">
    <Columns>
       <!-- ... -->
    </Columns>
</asp:GridView>

在您的标记中找到 DataSourceID 并将其删除，就像您在代码隐藏的 cs 文件中设置它一样：

GridView1.DataSource = dt;
GridView1.DataBind();