如何通过按钮点击从数据库检索图片并显示在ASP Image控件中（VS2010）

完全可以实现，不需要依赖JavaScript，仅通过ASP.NET服务器端代码即可完成。以下是具体实现步骤和代码：

1. 前端页面修改（ASPX） #

在你的页面中添加用于输入Image ID的文本框、触发检索的按钮，以及用于显示图片的ASP Image控件：

<asp:TextBox ID="txtImageID" runat="server" PlaceHolder="输入Image ID"></asp:TextBox>
<asp:Button ID="btnRetrieve" runat="server" Text="检索图片" OnClick="btnRetrieve_Click" />
<asp:Image ID="imgDisplay" runat="server" AlternateText="检索到的图片" />

2. 编写图片检索处理程序（ASHX） #

创建一个一般处理程序（.ashx文件），用于从数据库读取图片二进制数据并输出为图片流，供Image控件调用：

using System;
using System.Data.SqlClient;
using System.Web;

public class ImageHandler : IHttpHandler
{
    public void ProcessRequest(HttpContext context)
    {
        string imageId = context.Request.QueryString["ImageID"];
        if (string.IsNullOrEmpty(imageId))
        {
            context.Response.StatusCode = 400;
            return;
        }

        byte[] imageData = null;
        string connectionString = "Data Source=127.0.0.1;Initial Catalog=Karthik;User ID=admin;Password=admin";

        using (SqlConnection con = new SqlConnection(connectionString))
        {
            con.Open();
            SqlCommand cmd = new SqlCommand("SELECT image_data FROM image_tbl WHERE ImageID = @ImageID", con);
            cmd.Parameters.AddWithValue("@ImageID", imageId);
            imageData = cmd.ExecuteScalar() as byte[];
        }

        if (imageData != null && imageData.Length > 0)
        {
            context.Response.ContentType = "image/png"; // 对应你存储的图片格式
            context.Response.BinaryWrite(imageData);
        }
        else
        {
            // 若未找到图片，可返回默认占位图或空响应
            context.Response.StatusCode = 404;
        }
    }

    public bool IsReusable
    {
        get { return false; }
    }
}

3. 按钮点击事件处理（ASPX后台代码） #

在页面的后台代码中，实现检索按钮的点击事件，更新Image控件的Url指向处理程序并传入Image ID：

protected void btnRetrieve_Click(object sender, EventArgs e)
{
    string imageId = txtImageID.Text.Trim();
    if (!string.IsNullOrEmpty(imageId))
    {
        // 拼接处理程序路径和参数，UrlEncode避免特殊字符问题
        imgDisplay.ImageUrl = $"~/ImageHandler.ashx?ImageID={Server.UrlEncode(imageId)}";
    }
    else
    {
        // 输入为空时清空图片显示
        imgDisplay.ImageUrl = string.Empty;
    }
}

注意事项 #

• 确保image_tbl表中ImageID字段为唯一标识，避免检索到重复数据
• 处理程序中设置的ContentType要与你存储图片时的格式一致（你代码中用的是PNG，所以设为image/png）
• 若需要支持多图片格式，可在数据库中额外存储图片格式信息，在处理程序中动态设置ContentType

内容的提问来源于stack exchange，提问作者KARTHIK LAGVANKAR