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中文網其他相關文章！