如何将图像粘贴到Web App中？有哪些解决方案？HTML 5画布？

Question

我目前正在构建一个非常简单的骨骼Web应用程序,它要求能够在浏览网页时复制图像,然后将其粘贴到我的页面上.

我知道这种类型的功能是可能的 - 因为我在写消息时将图像粘贴到gmail中,然后插入Tumblr(我相信他们使用TinyMCE作为编辑器).

经过长时间的搜索 - 我对可用解决方案的解释质量很差感到很难过.

这就是我收集的内容:

$(document).bind('paste', function(e){
console.log(e);
})

检查事件对象时,似乎只有在有文本时才会包含数据(无论如何都在Chrome中).

我知道IE有一个clipboardData对象,可以访问剪贴板内容.

我也听说过使用Flash,Java Applet和HTML 5 Canvas的可能解决方案 - 但我还没有找到解释这些解决方案的优秀文章.

任何人都成功完成了这项工作,并建议最佳做法？

Answer 1

这在Chrome中运行良好.下面是一个活生生的例子在支持纯JavaScript获取图像数据没有服务器参与:http://strd6.com/2011/09/html5-javascript-pasting-image-data-in-chrome/

Answer 2

您可以使用剪贴板 API：http://dev.w3.org/2006/webapi/clipops/clipops.html

或者您可以使用Zero ClipBoard。它使用不可见的 Flash 影片并提供 JavaScript 接口来访问剪贴板。