将图像从桌面拖放到 Web 文本编辑器（在 javascript 中实现）答案

【问题标题】：Drag and drop an image from desktop to a web text editor (implementation in javascript)将图像从桌面拖放到 Web 文本编辑器（在 javascript 中实现）
【发布时间】：2011-02-18 08:23:09
【问题描述】：

我试图写一个合理的短标题，但我猜我失败了..

大家好，这是我正在尝试做的事情：我想实现一个能够识别用户何时将图像文件拖动到其编辑表面上的网络文本编辑器，它会自动（自动）开始上传并将图像插入光标位置附近。

换句话说，我不希望用户执行通常的“插入->图像->浏览->确定”。

Atm 我不太擅长 javascript……我知道 JQuery，但我不清楚如何实现它……我不知道在这种情况下是否有事件处理程序能够帮助我。 .. 如果不是，那么我认为应该有，否则网络应用程序会错过某种交互性。

我听说过关于 HTML5 的奇迹，它对我有帮助吗？

我在 Google Wave 中看到过这样的东西，但那个表面似乎不是表单域……我猜是谷歌实验室的黑魔法……

提前谢谢你。

【问题讨论】：

我认为这是特定于操作系统的...也就是说，您需要为 Windows、MacOS 和 Linux 提供不同的实现（对于 KDE/GNOME 可能也不同）

标签： javascript html javascript-events

【解决方案1】：

有一个关于Copy&Pasting images into a WYSIWYG editor 的赏金问题（不完全是您想要的，但也许也很有趣）
HTML 5 具有drag & drop uploads，应该可以扩展到“拖入网页”功能 - 至少几乎是这样。

【讨论】：

是的，谢谢你，第二个链接正是我的意思，希望浏览器不要太乱了
@fatmatto 好吧，它根本无法在许多浏览器中工作，包括（我认为）所有版本的 IE :) HTML 5 仍处于非常非常早期的阶段。我认为链接的示例目前仅适用于 Firefox > 3.6。
你知道替代品吗？甚至使用不同的技术运行？
@fatmatto 很难。可能有一些专有的 ActiveX 和 Java 控件可以提供此功能，但我从未见过免费的，ActiveX 技术极大地限制了您的浏览器范围，而 Java 小程序是 .. 好吧，这可能是品味 :) 我可能是错了，但恕我直言，HTML 5 提供的东西是唯一值得一看的东西。