


Comment Chrome 12 permet-il le collage d'images à partir du Presse-papiers dans Gmail ?
Oct 29, 2024 am 04:50 AMColler 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!

Article chaud

Outils chauds Tags

Article chaud

Tags d'article chaud

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Remplacer les caractères de chaîne en javascript

Tutoriel de configuration de l'API de recherche Google personnalisé

8 Superbes plugins de mise en page JQuery Page

Créez vos propres applications Web Ajax

Qu'est-ce que & # x27; ceci & # x27; en javascript?
