Wie ermöglicht Chrome 12 das Einfügen von Bildern aus der Zwischenablage in Gmail?

Einfügen von Bildern aus der Zwischenablage in Gmail und Chrome 12

Ein Blogbeitrag von Google enthüllte die Möglichkeit, Bilder direkt aus der Zwischenablage in Gmail einzufügen unter Verwendung der neuesten Version von Chrome. Im Gegensatz zu ZeroClipboard, das an Tastendruckereignisse bindet und nicht über das Kontextmenü funktioniert, scheint diese Funktionalität einen anderen Ansatz zu verwenden.

Das in Chrome 12 verwendete Webkit führt einen neuen „Einfüge“-Ereignishandler ein, der Ereignisse überprüft. clipboardData.items und ermöglicht den Abruf von Bildern als Blobs mithilfe der Methode getAsFile(). So können Sie dies in JavaScript erreichen:

<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>

Sobald Sie die Daten-URL haben, können Sie das Bild auf der Seite anzeigen oder es mit FormData hochladen.

Mit dieser Funktion „Einfügen“. "-Ereignis und die Verarbeitung von DataTransferItems ermöglicht Chrome 12 das Einfügen von Bildern aus der Zwischenablage in Gmail.

Das obige ist der detaillierte Inhalt vonWie ermöglicht Chrome 12 das Einfügen von Bildern aus der Zwischenablage in Gmail?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!