ASP.NET WebForms读取MySQL长Blob图片显示空白问题求助

核心错误：上传代码的SQL拼接逻辑错误 #

你的上传代码直接将fileBytes（byte数组）拼入INSERT语句，这会导致数据库中实际存储的是System.Byte[]字符串（byte数组的默认ToString()结果），而非图片的二进制数据。这就是读取时显示空白图片框的根本原因。

修复步骤 #

1. 修复上传代码：使用参数化查询 #

直接拼接SQL不仅会破坏二进制数据存储，还存在严重的SQL注入风险，必须改用参数化查询：

protected void btnUpload_Click(object sender, EventArgs e)
{
    string name = Name.Text;
    string price = TextBox1.Text;
    string quantity = TextBox2.Text; // 修正原变量名拼写错误：quantitqnty
    string description = dis.Value.ToString();

    if (fileUploadImage.HasFile && !string.IsNullOrEmpty(price) && !string.IsNullOrEmpty(quantity) && !string.IsNullOrEmpty(description))
    {
        byte[] fileBytes = fileUploadImage.FileBytes;
        string connectionString = "server=localhost;user=root;password=root;database=eshopping;";
        string query = "INSERT INTO products (name, price, quantity, description, image) VALUES (@name, @price, @quantity, @description, @image)";

        using (MySqlConnection connection = new MySqlConnection(connectionString))
        {
            MySqlCommand command = new MySqlCommand(query, connection);
            // 通过参数传递二进制数据，确保存储正确
            command.Parameters.AddWithValue("@name", name);
            command.Parameters.AddWithValue("@price", price);
            command.Parameters.AddWithValue("@quantity", quantity);
            command.Parameters.AddWithValue("@description", description);
            command.Parameters.AddWithValue("@image", fileBytes);

            connection.Open();
            command.ExecuteNonQuery();
        }

        ScriptManager.RegisterStartupScript(this, this.GetType(), "alert", "alert('图片上传成功');", true);
        // 清空表单内容
        Name.Text = "";
        TextBox1.Text = "";
        TextBox2.Text = "";
        dis.Value = "";
        Response.Redirect(Request.Url.AbsoluteUri);
    }
    else
    {
        ScriptManager.RegisterStartupScript(this, this.GetType(), "alert", "alert('请选择图片并填写完整信息');", true);
    }
}

2. 读取代码优化 #

读取逻辑整体可行，但可以优化连接管理和错误处理：

public partial class Dashboard : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack) // 仅在首次加载时执行读取操作
        {
            string connectionString = "server=localhost;user=root;password=root;database=eshopping;";
            string query = "SELECT image FROM products WHERE id=3";

            using (MySqlConnection connection = new MySqlConnection(connectionString))
            {
                MySqlCommand command = new MySqlCommand(query, connection);
                try
                {
                    connection.Open();
                    object imageData = command.ExecuteScalar();

                    if (imageData != null && imageData != DBNull.Value)
                    {
                        byte[] imageBytes = (byte[])imageData;
                        string base64String = Convert.ToBase64String(imageBytes);
                        // 若不确定图片类型，可改为image/*，或在数据库额外存储图片类型字段
                        imm.ImageUrl = "data:image/jpeg;base64," + base64String;
                    }
                }
                catch (Exception ex)
                {
                    // Web环境下Console.WriteLine无输出，改为前端提示或日志记录
                    ScriptManager.RegisterStartupScript(this, this.GetType(), "error", $"alert('读取图片失败：{ex.Message.Replace("'", "\\'")}');", true);
                }
            }
        }
    }
}

额外注意事项 #

• 数据库image字段设为longblob是正确的，可满足大尺寸图片存储需求
• 上传时建议增加文件类型、大小校验，避免非法文件上传
• 原代码中变量名quantitqnty为拼写错误，已修正为quantity

内容的提问来源于stack exchange，提问作者Bala Velan