Chrome 12 で Gmail に画像を直接貼り付けるにはどうすればよいですか?

Gmail と Chrome 12 での画像クリップボードの統合のロックを解除

Chrome 12 以降では、驚くべき進歩として、クリップボードから直接画像をシームレスに貼り付けることができるようになりました。 Gmail メッセージに。この革新的な機能は、キー押下イベントに依存し、コンテキスト メニュー アクセスをサポートしない既存のソリューションの制限を超えています。

これを実現するために、Webkit は内部的に高度な機能強化を導入しました。クリップボード API を拡張することにより、開発者がクリップボードのコンテンツを利用できる onpaste イベントがサポートされます。貼り付けると、ClipboardItem オブジェクトの配列が公開され、それぞれに貼り付けられた特定の項目が含まれます。

この機能の詳細を詳しく調べるには、開発者は次のコード スニペットを参照できます。

<code class="javascript">document.onpaste = function(event) {
  var items = (event.clipboardData || event.originalEvent.clipboardData).items;
  console.log(JSON.stringify(items)); // Mime type information (optional)

  for (let item of items) {
    if (item.kind === 'file') {
      var blob = item.getAsFile();
      var reader = new FileReader();
      reader.onload = function(event) {
        console.log(event.target.result); // Data URL for the pasted image!
      }
      reader.readAsDataURL(blob);
    }
  }
};</code>

データ URL を取得すると、貼り付けられた画像が表示され、必要に応じて表示またはアップロードできます。 FileReader API を利用して、画像からデータ URL またはバイナリ データを抽出できます。 FormData は、XHR を使用して画像をアップロードするための便利な方法を提供します。

Webkit の機能へのこの画期的な追加により、Gmail およびより広範なウェブ内でのシームレスな画像の共有と操作の可能性が広がります。

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