Tôi làm cách nào để phát hiện sự kiện trình duyệt "sao chép hình ảnh"?

Question

Sử dụng jquery, tôi có thể phát hiện khi người dùng sao chép cái gì đó (như văn bản) với ctrl-c hoặc thông qua menu ngữ cảnh:

$(document).on('copy',function(e){$('body').prepend('copy event <br>');}); 

Tuy nhiên, sự kiện này dường như không gây ra khi một hình ảnh được sao chép. Tôi có thể phát hiện hình ảnh bằng cách nào? Cụ thể là tôi muốn phát hiện sao chép từ phần tử <canvas>, nhưng bất kỳ <img> nào cũng nên làm điểm bắt đầu để hiểu vấn đề này.

thử nghiệm kịch bản: http://jsfiddle.net/jm23xe8w/

Answer 1

trình duyệt không có hình ảnh sao chép sự kiện, vì vậy bạn cần phải mô phỏng nó bằng một số vào clipboard tricks.also không lưu hình ảnh trong it.Clipboard chỉ tiết kiệm văn bản trong itself.You cần để chuyển đổi hình ảnh thành chuỗi được mã hóa base64 rồi lưu nó vào khay nhớ tạm và dán vào ứng dụng của bạn. Nhưng có vấn đề với điều này là dữ liệu khay nhớ tạm, hình ảnh được sao chép hoặc có một số dữ liệu khác của một ứng dụng khác trong đó. điều này, bạn có thể thêm một chuỗi duy nhất vào chuỗi được mã hóa của bạn lúc đầu và hoặc ở cuối và kiểm tra nó bất cứ nơi nào bạn muốn dán nó. Để chuyển đổi hình ảnh thành chuỗi base64encode, bạn có thể sử dụng mã này:

function getImageData(img) { 
    var canvas = document.createElement("canvas"); 
    canvas.width = img.width; 
    canvas.height = img.height; 
    var ctx = canvas.getContext("2d"); 
    ctx.drawImage(img, 0, 0); 
    var imgd = canvas.toDataURL("image/png"); 
    return imgd; 
} 

Chuyển thẻ ‍‍‍‍ img vào chức năng này để nhận kết quả của bạn.