javascript - HTML5 的 dataTransfer.setDragImage 和 Blob

Question

是否可以使用带有 src 属性的图像作为 BLOB url？

到目前为止(一直在使用 Chrome 66)我可以使用 data url 设置图像的 src 属性，这似乎有效，因为我也将图像添加到文档正文(一个错误/requirement 在 Chrome 中)，但是当将 src 设置为 Blob url(例如 blob: http://.. )时，我只会得到默认/标准的灰色小图标。

有没有人有过 HTML5 拖放和设置拖动图像的经验？

Answer 1

删除以下行后，您的代码段在 Firefox 68.0 和 Chromium 76.0 上成功运行:

div.style.zIndex = 1000;
div.style.top = '100%';
div.style.left = '100%';

并将 div 定位更改为:

div.style.position = 'fixed';