如何在DataGridView中显示数据库/API返回的URL图片？

我来帮你排查这个困扰多日的问题，结合你的TabControl+DataGridView场景，给你几个针对性的解决方案：

先排查当前代码的核心问题 #

从你提供的代码来看，有几个容易踩坑的点：

• 列名不匹配：你数据库字段是Picture_Link，但CellFormatting里判断的是"Thumbnail"，这会导致事件根本不会触发图片加载逻辑
• 网络请求无异常处理：同步请求HTTPS图片时，很容易遇到SSL证书验证失败、超时等问题，但你没有捕获异常，根本不知道哪里出错
• 列映射未明确：你先绑定数据源再设置AutoGenerateColumns = false，可能导致图片列和数据源字段的映射关系混乱

方案一：修正CellFormatting事件，添加异常处理 #

先把列名匹配好，同时处理HTTPS请求的SSL问题，加上异常捕获避免单个图片加载失败影响整列：

private void dataGridYT_CellFormatting(object sender, DataGridViewCellFormattingEventArgs e)
{
    // 确保列名和数据源的Picture_Link字段完全匹配
    if (dataGridYT.Columns[e.ColumnIndex].Name == "Picture_Link" 
        && e.Value != null 
        && !string.IsNullOrEmpty(e.Value.ToString()))
    {
        try
        {
            string imageUrl = e.Value.ToString();
            e.Value = GetImageFromUrl(imageUrl);
            dataGridYT.Columns[e.ColumnIndex].DefaultCellStyle.BackColor = Color.Azure;
            // 标记格式已处理，避免重复触发
            e.FormattingApplied = true;
        }
        catch (Exception ex)
        {
            // 加载失败时显示占位图，同时打印错误日志排查问题
            e.Value = Image.FromFile("D:/placeholder.png");
            Debug.WriteLine($"加载图片[{e.Value}]失败：{ex.Message}");
        }
    }
}

private Image GetImageFromUrl(string url)
{
    // 解决HTTPS证书验证失败的问题
    ServicePointManager.SecurityProtocol = SecurityProtocolType.Tls12 | SecurityProtocolType.Tls13;
    ServicePointManager.ServerCertificateValidationCallback += (sender, cert, chain, sslPolicyErrors) => true;

    // 用HttpClient替代老旧的HttpWebRequest，更简洁可靠
    using (var httpClient = new HttpClient())
    {
        var response = httpClient.GetAsync(url).Result;
        response.EnsureSuccessStatusCode();
        using (var stream = response.Content.ReadAsStreamAsync().Result)
        {
            return Image.FromStream(stream);
        }
    }
}

方案二：手动绑定列，确保数据源映射正确 #

因为你设置了AutoGenerateColumns = false，必须手动给每个列指定DataPropertyName，和数据源的属性一一对应：

// 先清空原有列，避免冲突
dataGridYT.Columns.Clear();

// 添加文本列示例（对应YouTubeVideo类的属性）
DataGridViewTextBoxColumn titleCol = new DataGridViewTextBoxColumn();
titleCol.Name = "Title";
titleCol.DataPropertyName = "Title"; // 必须和YouTubeVideo的Title属性名一致
titleCol.HeaderText = "视频标题";
dataGridYT.Columns.Add(titleCol);

// 添加图片列，绑定Picture_Link字段
DataGridViewImageColumn imageCol = new DataGridViewImageColumn();
imageCol.Name = "Picture_Link";
imageCol.DataPropertyName = "Picture_Link"; // 和数据源的属性名完全匹配
imageCol.HeaderText = "缩略图";
imageCol.Width = 80;
dataGridYT.Columns.Add(imageCol);

// 添加你的保存按钮列
DataGridViewImageColumn oSaveButton = new DataGridViewImageColumn();
oSaveButton.Image = Image.FromFile("D:/save.png");
oSaveButton.Width = 50;
oSaveButton.AutoSizeMode = DataGridViewAutoSizeColumnMode.AllCells;
dataGridYT.Columns.Add(oSaveButton);

// 最后绑定数据源
CRUD Video = new CRUD();
List<YouTubeVideo> list = Video.GetVideosDB();
dataGridYT.DataSource = list;
dataGridYT.AutoGenerateColumns = false;

方案三：异步加载图片，避免UI阻塞（推荐） #

同步加载网络图片会导致UI卡顿，尤其是TabControl切换时，用异步加载更流畅：

private async void dataGridYT_CellFormatting(object sender, DataGridViewCellFormattingEventArgs e)
{
    if (dataGridYT.Columns[e.ColumnIndex].Name == "Picture_Link" 
        && e.Value != null 
        && !string.IsNullOrEmpty(e.Value.ToString())
        && !(e.Value is Image)) // 避免重复加载
    {
        string imageUrl = e.Value.ToString();
        try
        {
            Image image = await GetImageFromUrlAsync(imageUrl);
            // 必须用Invoke确保在UI线程更新单元格
            dataGridYT.Invoke((Action)(() =>
            {
                dataGridYT.Rows[e.RowIndex].Cells[e.ColumnIndex].Value = image;
            }));
            e.FormattingApplied = true;
        }
        catch (Exception ex)
        {
            Debug.WriteLine($"加载图片失败：{ex.Message}");
            dataGridYT.Invoke((Action)(() =>
            {
                dataGridYT.Rows[e.RowIndex].Cells[e.ColumnIndex].Value = Image.FromFile("D:/placeholder.png");
            }));
        }
    }
}

private async Task<Image> GetImageFromUrlAsync(string url)
{
    ServicePointManager.SecurityProtocol = SecurityProtocolType.Tls12 | SecurityProtocolType.Tls13;
    ServicePointManager.ServerCertificateValidationCallback += (sender, cert, chain, sslPolicyErrors) => true;

    using (var httpClient = new HttpClient())
    {
        var response = await httpClient.GetAsync(url);
        response.EnsureSuccessStatusCode();
        using (var stream = await response.Content.ReadAsStreamAsync())
        {
            return Image.FromStream(stream);
        }
    }
}

针对TabControl场景的特殊处理 #

你提到新建解决方案可行，但当前TabControl项目不行，大概率是TabControl的延迟加载导致的：
TabControl默认不会加载未激活的Tab页，切换到对应Tab时才会触发DataGridView的事件，你可以在TabControl的SelectedIndexChanged事件里手动刷新：

private void tabControl1_SelectedIndexChanged(object sender, EventArgs e)
{
    // 切换到包含图片DataGridView的Tab页时刷新
    if (tabControl1.SelectedTab == tabPage_YT)
    {
        dataGridYT.Refresh();
    }
}

关于保留URL用于保存 #

不用担心图片覆盖URL的问题，因为你的数据源是List<YouTubeVideo>，保存时直接取绑定对象的原始属性即可：

// 比如在CellContentClick的保存逻辑里
YouTubeVideo video = (YouTubeVideo)dataGridYT.Rows[e.RowIndex].DataBoundItem;
string originalUrl = video.Picture_Link; // 这就是原始的URL，可直接用于保存

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