Comment Chrome 12 permet-il le collage d'images à partir du Presse-papiers dans Gmail ?

Coller des images à partir du presse-papiers dans Gmail et Chrome 12

Un article de blog de Google a révélé la possibilité de coller des images directement du presse-papiers dans Gmail en utilisant la dernière version de Chrome. Contrairement à ZeroClipboard, qui se lie aux événements de pression de touche et ne fonctionnerait pas via le menu contextuel, cette fonctionnalité semble utiliser une approche différente.

Le Webkit utilisé dans Chrome 12 introduit un nouveau gestionnaire d'événements « coller » qui inspecte l'événement. clipboardData.items et permet la récupération d'images sous forme de Blobs à l'aide de la méthode getAsFile(). Voici comment y parvenir en JavaScript :

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

Une fois que vous avez l'URL des données, vous pouvez afficher l'image sur la page ou la télécharger à l'aide de FormData.

En utilisant ce "coller " événement et gestion des DataTransferItems, Chrome 12 permet le collage d'images à partir du presse-papiers dans Gmail.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!