Chrome 12 如何在 Gmail 中启用从剪贴板粘贴图像？

Gmail 和 Chrome 12 中从剪贴板粘贴图像

Google 的一篇博客文章揭示了将图像直接从剪贴板粘贴到 Gmail 的功能使用最新版本的 Chrome。与绑定到按键事件并且无法通过上下文菜单工作的 ZeroClipboard 不同，此功能似乎采用了不同的方法。

Chrome 12 中使用的 Webkit 引入了一个新的“粘贴”事件处理程序来检查事件。 ClipboardData.items 并允许使用 getAsFile() 方法将图像检索为 Blob。下面介绍了如何在 JavaScript 中实现此目的：

<code class="javascript">document.onpaste = function (event) {
    var items = (event.clipboardData || event.originalEvent.clipboardData).items;
    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);
        }
    }
};</code>

获得数据 URL 后，您可以在页面上显示图像或使用 FormData 上传图像。

通过使用此“粘贴” " 事件和处理 DataTransferItems，Chrome 12 允许从 Gmail 中的剪贴板粘贴图像。

以上是Chrome 12 如何在 Gmail 中启用从剪贴板粘贴图像？的详细内容。更多信息请关注PHP中文网其他相关文章！