Question

我的任务是使用asp.net显示信息，这需要我轻松实现的字符串字段，以及与信息一起使用的图像。我尝试在gridview中使用一个图像字段来显示一张图片，该图片适用于我有网址的图片。但是我一直在试图找出一种显示存储为base64字符串的图像的方法。我已经尝试了各种方法来尝试显示图像，例如使用模板字段，尝试将图像URL设置为在html中显示base64的字符串，甚至将base64转换为图像似乎没有用。现在我试图只使用数据手动添加数据并手动创建行。如果有人知道如何在图像视图中使用base64字符串，我将非常感激。

这是我创建的gridview的代码。

<asp:GridView ID="GridView1" HeaderStyle-BackColor="#FF0000" HeaderStyle-ForeColor="White"
        runat="server" AutoGenerateColumns="false" enabled="false">
        <Columns>
            <asp:BoundField DataField="ID" HeaderText="ID" ItemStyle-Width="30" />
            <asp:BoundField DataField="Name" HeaderText="Name" ItemStyle-Width="30" />
            <asp:BoundField DataField="Account" HeaderText="Account Number" ItemStyle-Width="30" />
            <asp:ImageField DataImageURLField="ImageURL" HeaderText="Image" />
        </Columns>
</asp:GridView>

这是我现在在网格视图中创建条目的c＃代码。

DataTable dt = new DataTable();
        dt.Columns.AddRange(new DataColumn[4] { new DataColumn("Id", typeof(int)),
                        new DataColumn("Name", typeof(string)),
                        new DataColumn("Account",typeof(string)),
                        new DataColumn("ImageURL",typeof(string))});

        string URL = "data:image/jpg;base64,";

        string encodedString = //base64 string here


        URL += encodedString;

        dt.Rows.Add(1, "Steve", "************1111", URL);

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

Answer 1

难以置信的hacky，但它确实有效：

GridView的：

<asp:GridView ID="GridView1" HeaderStyle-BackColor="#FF0000" HeaderStyle-ForeColor="White"
    DataSource='<%# GetData() %>' runat="server" AutoGenerateColumns="false" enabled="false">
    <Columns>
        <asp:BoundField DataField="ID" HeaderText="ID" ItemStyle-Width="30" />
        <asp:BoundField DataField="Name" HeaderText="Name" ItemStyle-Width="30" />
        <asp:BoundField DataField="Account" HeaderText="Account Number" ItemStyle-Width="30" />
        <asp:BoundField DataField="ImageURL" HeaderText="Image" HtmlEncode="false" />
    </Columns>
</asp:GridView>

代码隐藏：

public DataTable GetData()
{
    DataTable dt = new DataTable();
    dt.Columns.AddRange(new DataColumn[4] { new DataColumn("Id", typeof(int)),
                new DataColumn("Name", typeof(string)),
                new DataColumn("Account",typeof(string)),
                new DataColumn("ImageURL",typeof(string))});

    string URL = "data:image/jpeg;base64,";

    string encodedString = ""; // base64-encoded image data goes here

    URL += encodedString;

    URL = $"<img src=\"{URL}\">";

    DataRow dr = dt.NewRow();

    dr["ID"] = 1;
    dr["Name"] = "Steve";
    dr["Account"] = "************1111";
    dr["ImageUrl"] = URL;

    dt.Rows.Add(dr);

    return dt;
}

在ASP.Net Gridview中显示Base64字符串

1 个答案: