接收从网页拖动到 WPF 窗口的图像
Posted
技术标签:
【中文标题】接收从网页拖动到 WPF 窗口的图像【英文标题】：Receiving an image dragged from Web Page to WPF window 【发布时间】：2012-01-16 13:04:01 【问题描述】：我希望我的 WPF 应用程序成为放置目标，并且我希望能够从任何网页拖动图像。
从网页中拖动图片时，显然是“DragImageBits”格式，可以反序列化为ShDragImage。 （请参阅问题底部了解我是如何定义的）
如何将其转换为 WPF 图像？
这是我目前的尝试。 （如果有人知道进行反序列化的正确方法，我会全神贯注）
private void UserControl_Drop(object sender, System.Windows.DragEventArgs e)
string[] formats = data.GetFormats();
// DragImageBits
if (formats.Contains("DragImageBits"))
MemoryStream imageStream = data.GetData("DragImageBits") as MemoryStream;
// Now I'm deserializing this, the only way I know how
imageStream.Seek(0, SeekOrigin.Begin);
BinaryReader br = new BinaryReader(imageStream);
ShDragImage shDragImage;
shDragImage.sizeDragImage.cx = br.ReadInt32();
shDragImage.sizeDragImage.cy = br.ReadInt32();
shDragImage.ptOffset.x = br.ReadInt32();
shDragImage.ptOffset.y = br.ReadInt32();
shDragImage.hbmpDragImage = new IntPtr(br.ReadInt32());
shDragImage.crColorKey = br.ReadInt32();
var systemDrawingBitmap = System.Drawing.Bitmap.FromHbitmap(shDragImage.hbmpDragImage);
此时我得到了System.Runtime.InteropServices.ExternalException 类型的异常，消息只是Generic GDI+ error。
有人知道我应该做什么吗？
这是支持的类定义。我从this blog entry 复制了它们。
[System.Runtime.InteropServices.StructLayout(System.Runtime.InteropServices.LayoutKind.Sequential)]
public struct Win32Point
public int x;
public int y;
[System.Runtime.InteropServices.StructLayout(System.Runtime.InteropServices.LayoutKind.Sequential)]
public struct Win32Size
public int cx;
public int cy;
[System.Runtime.InteropServices.StructLayout(System.Runtime.InteropServices.LayoutKind.Sequential)]
public struct ShDragImage
public Win32Size sizeDragImage;
public Win32Point ptOffset;
public IntPtr hbmpDragImage;
public int crColorKey;
【问题讨论】：
【参考方案1】：这是我学到的：
"DragImageBits" 由 windows shell 提供，仅用于拖动光标，不适用于最终数据。 shell 通过调整大小和透明度将图像转换为适当的拖动光标。
例如，如果您拖动此图像：
SHDRAGIMAGE 将呈现如下：
如果你真的想从 SHDRAGIMAGE 中提取图像，这里是代码。 （部分摘自this answer）
MemoryStream imageStream = data.GetData("DragImageBits") as MemoryStream;
imageStream.Seek(0, SeekOrigin.Begin);
BinaryReader br = new BinaryReader(imageStream);
ShDragImage shDragImage;
shDragImage.sizeDragImage.cx = br.ReadInt32();
shDragImage.sizeDragImage.cy = br.ReadInt32();
shDragImage.ptOffset.x = br.ReadInt32();
shDragImage.ptOffset.y = br.ReadInt32();
shDragImage.hbmpDragImage = new IntPtr(br.ReadInt32()); // I do not know what this is for!
shDragImage.crColorKey = br.ReadInt32();
int stride = shDragImage.sizeDragImage.cx * 4;
var imageData = new byte[stride * shDragImage.sizeDragImage.cy];
// We must read the image data as a loop, so it's in a flipped format
for (int i = (shDragImage.sizeDragImage.cy - 1) * stride; i >= 0; i -= stride)
br.Read(imageData, i, stride);
var bitmapSource = BitmapSource.Create(shDragImage.sizeDragImage.cx, shDragImage.sizeDragImage.cy,
96, 96,
PixelFormats.Bgra32,
null,
imageData,
stride);
如果您想将 DragImageBits 用于其预期目的（作为拖动图像），请参阅 Shell Style Drag and Drop in .NET (WPF and WinForms)（存档here）以获取简单的可下载示例。
因此，“DragImageBits”几乎分散了实际问题的注意力，即接受从网页拖动的图像。
从网页中拖动图像变得复杂，因为 Firefox、Chrome 和 IE9 都为您提供了一组不同的格式。此外，您希望同时处理图像和图像超链接，它们的处理方式再次不同。
Google 和 Firefox 提供“text/html”格式，它为您提供单个 HTML 元素作为图像。 Google 将其作为 ASCII 字符串提供给您，而 Firefox 将其作为 unicode 字符串提供给您。所以这是我编写的处理它的代码：
System.Windows.IDataObject data = e.Data;
string[] formats = data.GetFormats();
if (formats.Contains("text/html"))
var obj = data.GetData("text/html");
string html = string.Empty;
if (obj is string)
html = (string)obj;
else if (obj is MemoryStream)
MemoryStream ms = (MemoryStream)obj;
byte[] buffer = new byte[ms.Length];
ms.Read(buffer, 0, (int)ms.Length);
if (buffer[1] == (byte)0) // Detecting unicode
html = System.Text.Encoding.Unicode.GetString(buffer);
else
html = System.Text.Encoding.ASCII.GetString(buffer);
// Using a regex to parse HTML, but JUST FOR THIS EXAMPLE :-)
var match = new Regex(@"<img[^/]src=""([^""]*)""").Match(html);
if (match.Success)
Uri uri = new Uri(match.Groups[1].Value);
SetImageFromUri(uri);
在这种情况下，正则表达式将同时处理直接图像和图像超链接。
还有我的SetImageFromUri 函数：
private void SetImageFromUri(Uri uri)
string fileName = System.IO.Path.GetTempFileName();
using (WebClient webClient = new WebClient())
webClient.DownloadFile(uri, fileName);
using (FileStream fs = File.OpenRead(fileName))
byte[] imageData = new byte[fs.Length];
fs.Read(imageData, 0, (int)fs.Length);
this.ImageBinary = imageData;
File.Delete(fileName);
对于 IE9，您可以处理“FileDrop”格式。这在 IE9 中运行良好。铬不支持它。 Firefox 确实支持它，但会将图像转换为位图并将透明像素转换为黑色。因此，如果“text.html”格式不可用，您应该只处理“FileDrop”格式。
else if (formats.Contains("FileDrop"))
var filePaths = (string[])data.GetData("FileDrop");
using (var fileStream = File.OpenRead(filePaths[0]))
var buffer = new byte[fileStream.Length];
fileStream.Read(buffer, 0, (int)fileStream.Length);
this.ImageBinary = buffer;
如果您从 IE9 中拖动图像超链接，则不提供“FileDrop”格式。我还没有弄清楚如何将图像从 IE9 中的图像超链接拖到我的图像控件上。
**额外信息**
如果你正在使用这个例子，但仍然需要将这个二进制数据转换成图像，这里有一个有用的代码 sn-p：
BitmapImage sourceImage = new BitmapImage();
using (MemoryStream ms = new MemoryStream(imageBinary))
sourceImage.BeginInit();
sourceImage.CacheOption = BitmapCacheOption.OnLoad;
sourceImage.StreamSource = ms;
sourceImage.EndInit();
【讨论】：
我遇到了同样的问题 - 我发现 Firefox 和 IE9 都提供了与设备无关的位图 (DIB) 格式。如果可用，则无需使用 WebClient 下载文件，因为我们可以访问熟悉的（位图）格式的文件。 Firefox 也公开了 'FileDrop' 格式，但在解析 html 并使用 filedrop 格式的情况下，可以下载不一定是图像的对象 这对我帮助很大。感谢您发布。正则表达式无法匹配许多有效的图像链接。我发现 @"]+src=""([^""]*)""" 效果更好。 你是真正的救星。如果像我这样的其他人想直接从谷歌图像中拖动图像，请检查 UriString 是否以"data" 开头，这些字符串已经包含数据并且不应下载（来自this question）
“此博客”的链接可在此处获得：web.archive.org/web/20100118172412/http://blogs.msdn.com/…。顺便说一句：有用的问答！以上是关于接收从网页拖动到 WPF 窗口的图像的主要内容，如果未能解决你的问题，请参考以下文章