come ottenere immagini gif animate dagli apici degli Appunti del browser?

Question

Sto testando il seguente codice, e quando copio una gif animata e la incollo nella pagina web, vedo image/png nella console - invece di image/gif come previsto.

Perché?

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

Come posso abbinare un'immagine GIF?

È possibile testarlo a questo jsfiddle con immagine GIF this per esempio.

Answer 1

Il formato degli appunti CF_GIF viene utilizzato molto raramente. La maggior parte delle app copia le immagini negli appunti solo come CF_BITMAP, CF_ENHMETAFILE o CF_DIB. Quindi quando si incolla, i dati vengono convertiti in qualsiasi formato perfers dell'applicazione di destinazione, come PNG o Bitmap. Quindi nel tuo caso, la GIF è stata probabilmente copiata negli appunti come Bitmap, quindi convertita in PNG quando si incolla. Tutti i fotogrammi dell'animazione della tua GIF sono andati persi. Per conservare, è necessario trascinare/rilasciare o emulare il file che incolla con CF_HDROP, CF_FileName, ecc.

Answer 2

Quando si copia un'immagine gif da (presumo) facendo clic destro sull'immagine e quindi "copia immagine", quindi si copia il frame corrente anziché l'intero file. Se si desidera acquisire l'intero file, suggerisco di acquisirlo in un evento di trascinamento della selezione.