1

我正在編輯器上工作,我想通過單擊我想要粘貼已經複製到剪貼板的圖像來提供按鈕。由於安全原因,瀏覽器不允許訪問剪貼板,因此我無法做到這一點。在Chrome中從剪貼板粘貼圖像

我檢出Google雲端硬盤以查找Google如何完成此操作。在chrome中,他們要求從Chrome網上應用店安裝Google雲端硬盤web應用,該應用請求剪貼板閱讀和剪貼板寫入permissions並且安裝應用後。在Google雲端硬盤中,一切都很有魅力。該文檔說使用document.execCommand('paste')。但是我找不到任何實現它的示例,並且無法在我的應用程序中實現。有人可以在這裏向我提供一個關於如何在剪貼板中顯示圖像時進行這項工作的示例。

回答

1

我們需要在應用程序的清單文件中添加權限(clipboardRead和clipboardWrite),然後,如果你想鉻無API粘貼剪貼板中的文本/圖像,我們需要將焦點放在HTML中的虛擬文本框/圖像元素上,然後運行document.execCommand('粘貼'),現在該元素可以訪問剪貼板複製的項目並獲取文本或圖像使用它。

1

幸得https://stackoverflow.com/a/6338207/85597

// window.addEventListener('paste', ... or 
document.onpaste = function(event){ 
    var items = event.clipboardData.items; 
    console.log(JSON.stringify(items)); // will give you the mime types 
    var blob = items[0].getAsFile(); 
    var reader = new FileReader(); 
    reader.onload = function(event){ 
    console.log(event.target.result)}; // data url! 
    reader.readAsDataURL(blob); 
}