Chrome の新しい画像貼り付け機能はどのように機能しますか?

Chrome の画像貼り付け機能: 詳細

Google は、Chrome 12 を使用してクリップボードから画像を Gmail に直接貼り付ける機能を発表しました。

舞台裏: クリップボード API とデータ変換

以前の想定に反して、機能強化は内部の JavaScript ペースト イベント処理にありません。 WebKit ですが、新しく実装された Clipboard API です。この API を使用すると、開発者は画像を含むクリップボードのコンテンツにアクセスできます。

提供されたコード スニペットは、コア機能を示しています。

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

貼り付けイベント時に、API の ClipboardData.items はリストを提供します。クリップボードの内容。アイテムのタイプがファイルの場合、getAsFile() を使用して BLOB として参照でき、さらに FileReader を使用して処理して画像のデータ URL を取得できます。

機能の拡張

データ URL を取得したら、ページに表示したり、サーバーにアップロードしたりできます。

重要な注意事項: クリップボード API の項目リストは、各項目の MIME タイプを返すことができます。これは、クリップボードの内容の性質を判断するのに役立つ場合があります。

以上がChrome の新しい画像貼り付け機能はどのように機能しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。