Javascript Girl
  1. Javascript Girl
  3. Comment obtenir l'image gif animée à partir du presse-papiers du navigateur api?
Intereting Posts
Comment faire travailler lodash avec Angular JS? Comment déclencher l'événement Drop avec jQuery UI Droppable sans vraiment faire glisser et déposer? Obtenir le premier mot de chaîne L'effet de survol reste après contact dans jQueryMobile Comment puis-je déterminer de façon synchrone l'état d'une promesse JavaScript? Problèmes d'analyse d'une réponse JSON à l'aide d'AngularJS Comment puis-je utiliser jQuery pour désactiver le bouton de soumission d'un formulaire jusqu'à ce que tous les champs requis aient été remplis? Javascript: génère un gestionnaire dynamique Fonction de publication jQuery avec boutons radio Extension Chrome: comment intercepter / gérer des erreurs de script de contenu globalement? Extension de jshint avec des contrôles personnalisés Extension Chrome – Utilisez javascript pour qu'elle s'exécute périodiquement, et enregistrez les données en permanence Comment calculer deux champs de formulaire d'entrée et mettre la valeur dans un autre sans soumettre le formulaire en utilisant jquery? Est-il possible de trouver des règles CSS à partir d'un nœud HTML via JavaScript? Ce qui profite à l'utilisation (function () {…}) () dans JavaScript

Comment obtenir l'image gif animée à partir du presse-papiers du navigateur api?

Je teste le code suivant, et quand je copie un gif animé et le collage sur la page Web, je vois image/png dans la console – au lieu d' image/gif comme prévu.

Pourquoi? 

 document.onpaste = function(event) { console.log(event.clipboardData.items[1]['type']); // 'image/png' };

Comment puis-je faire correspondre une image gif?

Vous pouvez le tester à ce jsfiddle avec cette image gif par exemple.

Le format du presse-papiers CF_GIF est très rarement utilisé. La plupart des applications copient des images dans le presse-papiers uniquement sous CF_BITMAP, CF_ENHMETAFILE ou CF_DIB. Ensuite, lorsque vous collez, les données sont converties en format quel que soit l'application cible, comme PNG ou Bitmap. Donc, dans votre cas, le GIF a probablement été copié dans le presse-papiers en tant que Bitmap, puis converti en PNG lors du collage. Tous les cadres d'animation de votre GIF ont été perdus. Pour préserver, vous devez faire glisser / déposer ou imiter le collage de fichiers avec CF_HDROP, CF_FileName, etc.

Lorsque vous copiez une image gif par (je suppose), cliquez avec le bouton droit de la souris sur l'image, puis "copier l'image", puis vous copiez la trame actuelle à la place de l'intégralité du fichier. Si vous souhaitez capturer le fichier entier, je suggère de le capturer dans un événement de glisser-déposer.