Comment fonctionne la nouvelle fonctionnalité de collage d'images de Chrome ?

Fonctionnalité de collage d'images de Chrome : une plongée plus approfondie

L'annonce de Google concernant la possibilité de coller des images du presse-papiers directement dans Gmail à l'aide de Chrome 12 a a suscité la curiosité quant au mécanisme sous-jacent.

Dans les coulisses : API du presse-papiers et conversion des données

Contrairement aux hypothèses précédentes, l'amélioration ne réside pas dans la gestion des événements de collage JavaScript au sein WebKit, mais dans la nouvelle API Clipboard. Cette API permet aux développeurs d'accéder au contenu du presse-papiers, y compris les images.

L'extrait de code fourni démontre la fonctionnalité de base :

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

Lors d'un événement de collage, le clipboardData.items de l'API fournit une liste du contenu du presse-papiers. Si un élément est de type fichier, il peut être appelé Blob à l'aide de getAsFile() et traité ultérieurement à l'aide de FileReader pour récupérer une URL de données pour l'image.

Extension des fonctionnalités

Une fois l'URL des données obtenue, elle peut être affichée sur la page ou téléchargée sur un serveur.

Remarque importante : La liste des éléments de l'API Presse-papiers peut renvoyer un type MIME pour chaque élément, ce qui peut s'avérer utile pour déterminer la nature du contenu du presse-papiers.

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!