如何将WhatsApp图片拖拽至PictureBox？Blob链接读取失败问题

拖拽WhatsApp网页版中的图片到PictureBox控件时，程序不会进入Bitmap或FileDrop分支，仅触发UnicodeText分支，得到一条以blob:开头的链接（例如blob:https://web.whatsapp.com/6c6edf24-439c-430f-a678-4d5a54fff50c）。这类blob链接仅在生成它的浏览器实例内有效，无法通过WebClient下载，但将同一张图片拖拽到Obsidian或Paint3D等程序却能正常获取。

已启用PictureBox的拖拽功能（pictureBox1.AllowDrop = true），现有事件处理代码如下：

// 已开启控件拖拽功能：pictureBox1.AllowDrop = true;
private void PictureBox1_DragEnter(object sender, DragEventArgs e)
{
    if (e.Data.GetDataPresent(DataFormats.Bitmap) || e.Data.GetDataPresent(DataFormats.FileDrop) || e.Data.GetDataPresent(DataFormats.UnicodeText))
    {
        e.Effect = DragDropEffects.Copy;
    }
}

private async void PictureBox1_DragDrop(object sender, DragEventArgs e)
{
    if (e.Data.GetDataPresent(DataFormats.Bitmap))
    {
        var bmp = (Bitmap)e.Data.GetData(DataFormats.Bitmap);
        pictureBox1.Image = bmp;
    }
    else if (e.Data.GetDataPresent(DataFormats.FileDrop))
    {
        var files = (string[])e.Data.GetData(DataFormats.FileDrop);
        if (files.Length > 0)
        {
            pictureBox1.ImageLocation = files[0];
        }
    }
    else if (e.Data.GetDataPresent(DataFormats.UnicodeText))
    {
        var url = (string)e.Data.GetData(DataFormats.UnicodeText);

        if (url.StartsWith("blob:"))
        {
            try
            {
                WebClient client = new WebClient();
                var data = await client.DownloadDataTaskAsync(url);
                using (var stream = new MemoryStream(data))
                {
                    var bmp = new Bitmap(stream);
                    pictureBox1.Image = bmp;
                }
            }
            catch (Exception ex)
            {
                Console.WriteLine(ex.Message);
            }
        }
        else
        {
            pictureBox1.ImageLocation = url;
        }
    }
}

还尝试过读取剪贴板的方式，但未生效：

if (Clipboard.ContainsImage())
{
    pictureBox1.Image = Clipboard.GetImage();
}

解决方法 #

浏览器拖拽图片时，DataObject中会包含图片的原始二进制流数据，但WinForms默认的DataFormats检测不会主动识别这类格式。我们可以通过遍历所有可用格式，直接提取图片流，或处理特定的图片相关格式来解决问题。

修改后的DragDrop事件处理代码 #

private void PictureBox1_DragDrop(object sender, DragEventArgs e)
{
    // 优先尝试Bitmap格式
    if (e.Data.GetDataPresent(DataFormats.Bitmap))
    {
        var bmp = (Bitmap)e.Data.GetData(DataFormats.Bitmap);
        pictureBox1.Image = bmp;
        return;
    }

    // 尝试FileDrop格式
    if (e.Data.GetDataPresent(DataFormats.FileDrop))
    {
        var files = (string[])e.Data.GetData(DataFormats.FileDrop);
        if (files.Length > 0)
        {
            pictureBox1.ImageLocation = files[0];
        }
        return;
    }

    // 遍历所有可用格式，提取图片数据流
    foreach (var format in e.Data.GetFormats())
    {
        try
        {
            var data = e.Data.GetData(format);
            // 处理流格式的图片数据
            if (data is Stream stream)
            {
                using (stream)
                {
                    pictureBox1.Image = Bitmap.FromStream(stream);
                    return;
                }
            }
            // 处理DIB（设备无关位图）格式
            else if (format.Equals(DataFormats.Dib, StringComparison.OrdinalIgnoreCase))
            {
                var dibBytes = (byte[])e.Data.GetData(DataFormats.Dib);
                using (var ms = new MemoryStream(dibBytes))
                {
                    pictureBox1.Image = new Bitmap(Image.FromStream(ms));
                    return;
                }
            }
        }
        catch
        {
            // 格式不兼容，跳过继续尝试
            continue;
        }
    }

    // 处理blob链接的备用方案：提示用户复制粘贴
    if (e.Data.GetDataPresent(DataFormats.UnicodeText))
    {
        var url = (string)e.Data.GetData(DataFormats.UnicodeText);
        if (url.StartsWith("blob:"))
        {
            MessageBox.Show("无法直接通过blob链接获取图片，请尝试复制图片后粘贴到控件");
        }
    }
}

补充：支持粘贴图片 #

开启控件的快捷操作功能后，可添加粘贴事件处理，让用户复制图片后直接粘贴到PictureBox：

// 先启用控件快捷操作：pictureBox1.ShortcutsEnabled = true;
private void PictureBox1_Paste(object sender, EventArgs e)
{
    if (Clipboard.ContainsImage())
    {
        pictureBox1.Image = Clipboard.GetImage();
    }
}

内容的提问来源于stack exchange，提问作者Akram Al-Qaifi