我注意到blog post from Google提到，如果你使用的是最新版本的Chrome，可以将剪贴板上的图片直接粘贴到Gmail消息中.我在我的Chrome版本(12.0.742.91beta-m)上试过了，使用控制键或上下文菜单可以很好地工作.
根据这一行为，我需要假设Chrome中使用的最新版本的webkit能够处理Javascript Paste事件中的图像，但是我找不到任何关于这种增强的引用.我相信ZeroClipboard绑定到按键事件来触发它的flash功能，因此不能通过上下文菜单工作(另外，ZeroClipboard是跨浏览器的，文章说这只适用于Chrome).
那么，这是如何工作的？在哪里对Webkit(或Chrome)进行了增强，从而实现了该功能？
我花了一些时间来试验这个.它似乎有点像新的Clipboard API spec.您可以定义"粘贴"事件处理程序并查看事件.剪贴簿数据.并对其调用getAsFile()以获取Blob.一旦你有了一个斑点，你可以用FileReader来看看里面有什么.这就是你如何为你刚刚粘贴在Chrome上的东西获取数据url的方法:
document.onpaste = function (event) {
var items = (event.clipboardData || event.originalEvent.clipboardData).items;
console.log(JSON.stringify(items)); // might give you mime types
for (var index in items) {
var item = items[index];
if (item.kind === 'file') {
var blob = item.getAsFile();
var reader = new FileReader();
reader.onload = function (event) {
console.log(event.target.result); // data url!
};
reader.readAsDataURL(blob);
}
}
};
一旦有了数据url，就可以在页面上显示图像.如果您想上传它，可以使用readAsBinaryString，或者使用FormData将其放入XHR.
编辑:请注意，该项目的类型为DataTransferItem.JSON.stringify可能在项列表上不起作用，但是当您循环遍历项时，您应该能够获得MIME类型.