Tiện ích mở rộng của Chrome có hỗ trợ sao chép hình ảnh vào khay nhớ tạm không?

Question

Tôi tìm kiếm trong goggle và không tìm thấy bất kỳ câu trả lời nào. Hỗ trợ API clipboard mới sao chép hình ảnh vào khay nhớ tạm bằng cách sử dụng document.exec command. Nếu có, Làm cách nào để sao chép hình ảnh data url vào clipboard dưới dạng hình ảnh?

Tôi là nhà phát triển của tiện ích Ảnh chụp màn hình trang web và tôi tìm cách sao chép hình ảnh vào khay nhớ tạm. Tôi cũng tìm cách mở hình ảnh bằng phần mềm cụ thể.

Answer 1

Tôi đang phát triển tiện ích mở rộng chrome ScreenShotShare, tôi cũng cần phải sao chép hình ảnh đã cắt bớt vào khay nhớ tạm. Và tôi đã tìm ra giải pháp phù hợp với tôi.
1. Add "clipboardWrite", "clipboardRead" để các điều khoản trong file manifest.json
2. làm việc sao chép trong background.html với background.js
3. add để background.html
4. Tôi thực hiện "copyImageToClipboard" để hoạt động trong 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

clipboardData API được gần như thực hiện trong tất cả các trình duyệt, do đó, lệnh thay vì docuemnt.exec, bạn có thể thử dưới đây cũng tham khảo liên kết dưới đây trong đó có trường hợp sử dụng tương tự như của bạn.

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', vẽ (lựa chọn)); clipboardData.setData ('text/html', ...);