ブラウザのクリップボードapiからアニメーションGIF画像を取得する方法は？

Question

私はアニメーションgifをコピーしてWebページに貼り付けると、image/gifの代わりにimage/pngがコンソールに表示されます。

なぜですか？

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

どのようにしてGIF画像に一致させることができますか？

jsfiddleでthis gifイメージでテストすることができます。

Answer 1

CF_GIFクリップボード形式はあまり使われません。ほとんどのアプリは、CF_BITMAP、CF_ENHMETAFILE、またはCF_DIBとしてのみ、クリップボードに画像をコピーします。ペーストすると、データはPNGやビットマップなど、対象アプリケーションが対象とする任意の形式に変換されます。 あなたのケースでは、GIFはおそらくビットマップとしてクリップボードにコピーされ、ペーストするときにPNGに変換されました。あなたのGIFのアニメーションフレームはすべて失われました。 保存するには、CF_HDROP、CF_FileNameなどでファイルの貼り付けをドラッグ/ドロップするかエミュレートする必要があります。

Answer 2

イメージを右クリックして「イメージをコピー」することでGIFイメージをコピーすると、ファイル全体ではなく現在のフレームがコピーされます。ファイル全体をキャプチャする場合は、ドラッグドロップイベントでキャプチャすることをお勧めします。