¿Las extensiones de Chrome admiten copiar imagen al portapapeles?

Question

Busco en goggle y no encontré ninguna respuesta. La nueva API del portapapeles admite copiar imagen al portapapeles utilizando document.exec command. En caso afirmativo, ¿cómo puedo copiar la imagen data url en el portapapeles como imagen?

Soy el desarrollador de la extensión de captura de pantalla de página web y busco la forma de copiar la imagen al portapapeles. También busco la forma de abrir la imagen con un software específico.

Answer 1

Estoy desarrollando una extensión de cromo ScreenShotShare, tengo la necesidad de copiar la imagen recortada en el portapapeles también. Y encontré que la solución funciona para mí.
1. Añadir "clipboardWrite", "clipboardRead" a los permisos de archivo manifest.json
2. hacer un trabajo ejemplar en la background.html con background.js
3. añadir a background.html
4. I poner en práctica el "copyImageToClipboard" para funcionar en background.js

copyImageToClipboard: function() { 
    var img = $('clipboard-img'); 
    img.src = localStorage[this.screenshotURIName]; // I store the image URI in localStorage 
    var div = $('clipboard-div'); 
    div.contentEditable = true; 
    var range; 
    if (document.createRange) { 
     range = document.createRange(); 
     range.selectNodeContents(div); 
     window.getSelection().removeAllRanges(); 
     window.getSelection().addRange(range); 
     div.focus(); 
     document.execCommand('copy'); 
    } 
    div.contentEditable = false; 
    } 

Answer 2

API clipboardData casi se aplique en todos los navegador, de modo de comandos en lugar docuemnt.exec, se puede tratar a continuación también referirse al siguiente enlace que tiene de casos de uso similar a la tuya.

https://www.lucidchart.com/techblog/2014/12/02/definitive-guide-copying-pasting-javascript/

clipboardData.setData ('text/plain', selection.getText()); clipboardData.setData ('application/officeObj', selection.serialize()); clipboardData.setData ('image/bmp', draw (selection)); clipboardData.setData ('text/html', ...);