如何使用ASP.NET从SQL Server数据库中显示图片？

嘿，我来帮你搞定ASP.NET从SQL Server显示图片的问题！你的现有代码里直接把Photo字段赋值给Label肯定是显示不出图片的，因为数据库里存的图片一般是二进制数据（varbinary(max)），得做特殊处理才行，下面一步步来：

一、先确认数据库字段类型 #

首先得确保你的Tbl_Item_Master表中Photo字段的类型是varbinary(max)，这个类型专门用来存储图片这类二进制数据。

二、修改后台TextChanged事件代码 #

另外，你的原代码直接拼接SQL字符串，存在严重的SQL注入风险，必须改成参数化查询！下面是调整后的代码，同时处理图片显示逻辑：

protected void ddlitemname_TextChanged(object sender, EventArgs e)
{
    // 用参数化查询避免SQL注入，这很重要！
    string query = "select * from Tbl_Item_Master where Category = @Category";
    SqlCommand cmd = new SqlCommand(query);
    cmd.Parameters.AddWithValue("@Category", ddlitemname.SelectedItem.Text);
    
    // 这里需要确保你的Common.ExecuteQuery方法支持传入SqlCommand对象
    // 如果原来的方法只支持字符串，得稍微调整下通用类的实现
    DataSet ds = Common.ExecuteQuery(cmd); 
    
    if (ds.Tables[0].Rows.Count > 0)
    {
        DataRow row = ds.Tables[0].Rows[0];
        // 给其他控件赋值
        txthscode.Text = row["Hscode"].ToString();
        txtselect.Text = row["specification"].ToString();
        txttax.Text = row["Tax"].ToString();
        
        // 处理图片数据
        byte[] photoBytes = (byte[])row["Photo"];
        if (photoBytes != null && photoBytes.Length > 0)
        {
            // 把二进制转成Base64字符串，前端用img标签就能直接显示
            string base64String = Convert.ToBase64String(photoBytes);
            // 注意这里的MIME类型，如果你存的是PNG就改成image/png
            string imgSrc = $"data:image/jpeg;base64,{base64String}";
            // 假设页面上有个Image控件叫imgItemPhoto
            imgItemPhoto.ImageUrl = imgSrc;
        }
        else
        {
            // 没有图片的时候显示默认图
            imgItemPhoto.ImageUrl = "~/Images/Default.png";
        }
    }
}

三、前端页面加个Image控件 #

在你的ASPX页面里，需要添加一个ASP.NET Image控件用来展示图片：

<asp:Image ID="imgItemPhoto" runat="server" Width="200" Height="200" AlternateText="商品图片" />

进阶方案：用ASHX一般处理程序（适合大图片） #

如果你的图片比较大，Base64的方式会让页面加载变慢，推荐用ASHX一般处理程序来单独输出图片，更高效：

1. 创建GetItemPhoto.ashx文件 #

public class GetItemPhoto : IHttpHandler
{
    public void ProcessRequest(HttpContext context)
    {
        string category = context.Request.QueryString["category"];
        if (!string.IsNullOrEmpty(category))
        {
            string connString = ConfigurationManager.ConnectionStrings["你的数据库连接字符串"].ConnectionString;
            string query = "select Photo from Tbl_Item_Master where Category = @Category";
            
            using (SqlConnection conn = new SqlConnection(connString))
            {
                SqlCommand cmd = new SqlCommand(query, conn);
                cmd.Parameters.AddWithValue("@Category", category);
                conn.Open();
                
                byte[] photoBytes = (byte[])cmd.ExecuteScalar();
                if (photoBytes != null && photoBytes.Length > 0)
                {
                    context.Response.ContentType = "image/jpeg"; // 根据实际图片类型调整
                    context.Response.BinaryWrite(photoBytes);
                }
                else
                {
                    // 没有图片就跳转到默认图
                    context.Response.Redirect("~/Images/Default.png");
                }
            }
        }
    }

    public bool IsReusable => false;
}

2. 修改后台代码设置ImageUrl #

protected void ddlitemname_TextChanged(object sender, EventArgs e)
{
    // ... 其他字段赋值代码不变 ...
    
    // 把Image控件的URL指向ASHX处理程序，记得编码参数防止乱码
    imgItemPhoto.ImageUrl = $"~/GetItemPhoto.ashx?category={Server.UrlEncode(ddlitemname.SelectedItem.Text)}";
}

这样处理大图片的时候性能会更好，也更规范。

内容的提问来源于stack exchange，提问作者Deepak Kumar Dash