javascript - 如何将图像粘贴到 Web 应用程序中?有哪些解决方案? HTML 5 Canvas ?

标签 javascript image pasting

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

我知道这种功能是可行的 - 因为我在写消息时将图像粘贴到 gmail 和 Tumblr(我相信他们使用 TinyMCE 作为他们的编辑器)。

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

这是我收集到的:

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

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

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

我还听说过使用 Flash、Java Applets 和 HTML 5 Canvas 的可能解决方案 - 但我还没有找到解释这些解决方案的好文章。

有人成功地做到了这一点,并且可以提出最佳做法吗?

最佳答案

这在 Chrome 中运行良好。这是一个支持在不涉及服务器的情况下以纯 JavaScript 获取图像数据的实例:http://strd6.com/2011/09/html5-javascript-pasting-image-data-in-chrome/

关于javascript - 如何将图像粘贴到 Web 应用程序中?有哪些解决方案? HTML 5 Canvas ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4298846/

相关文章:

Javascript 检测所选项目

css - 我怎样才能使响应图像居中

macos - 使用 Safari 浏览器将屏幕截图粘贴到 Gmail

iphone - 你如何让 CILinearGradient 等 Core Image 滤镜工作?

vim - 有没有办法在vim中向上或向下复制选定区域?

electron - 在 Electron 中检测并粘贴ctrl + v

javascript - .post() 失败回调函数?

javascript - 网页中的 "Type-writer Scrolling"(JavaScript、CSS 和/或 HTML)

javascript - 如果 axios post 有多个输入,如何仅将一个值的邮件发送到后端

javascript - 如何设置箭头键按顺序浏览 <img> 标签?