google-chrome - Webアプリを使用してクリップボードから画像を取得するためのボタン

Question

クリップボードのデータにアクセスするためのChromeWebアプリを作成しました。Webアプリを追加した後、クリップボードにアクセスする権限がありますが、ページの貼り付けボタンをクリックしてクリップボードから画像を取得する方法がわかりません。Googleドライブのプレゼンテーションファイルに画像を貼り付けようとしました。GoogleDriveWebアプリをインストールするように表示されます。GoogleDriveWebアプリをインストールした後、編集メニューの貼り付けボタンをクリックしてクリップボードから画像/テキストを取得できます。知りたいです。 Googleドライブが貼り付けボタンを使用してクリップボードデータを取得する方法。

Answer 1

clipboardRead パーミッションを要求する場合は、 を使用できますdocument.execCommand("paste")。

それを行う方法の良い説明はhttps://stackoverflow.com/a/7147192/689161です

編集：いくつかのサンプルコード

background.html

<div id="idk" contenteditable="true"></div>

background.js

function paste() {
    var div = document.getElementById("idk");
    div.focus();
    document.execCommand("paste");

    // you can now access whatever was pasted through div.innerHTML
    console.log(div.innerHTML);
}

ユーザーが画像を貼り付けると、次のよう<img src="..."/>に表示され、それを抽出してアプリケーションで使用できます。