从 HTML5 中的本地文件拖放事件创建图像对象

Question

我正在寻找有关通过拖放访问本地文件系统访问图像的信息。我的目的是允许用户拖放图像、读取数据并从中输出一些操作。

我一直没有很成功地找到好的源材料如何从拖放事件中创建 Images()。我会很感激任何指针。

这里隐约提到了一些东西：

https://developer.mozilla.org/En/DragDrop/Recommended_Drag_Types#Dragging_Images

目标是支持 Webkit/Firefox 浏览器 - IE 不是一个大问题。

Answer 1

看看this jQuery 插件。该示例允许您一次删除一个或多个图像（由所删除文件的 mime 类型决定）并将它们作为 img-tags 插入。该示例不使用图像路径，而是将内容作为 data-url 插入到图像 src 属性中。