Привет, я создаю приложение для веб-чата, в котором хочу, чтобы пользователь мог скопировать вставку изображения с рабочего стола или может вставить непосредственно снимок экрана, но я не могу его достичь. Я использовал следующий код:
$("#dummy").on("paste",function(event){
var items = (event.clipboardData || event.originalEvent.clipboardData).items;
console.log(JSON.stringify(items)); // will give you the mime types
for (index in items) {
var item = items[index];
if (item.kind === 'file') {
var blob = item.getAsFile();
var reader = new FileReader();
reader.onload = function(event){
console.log(event.target.result)}; // data url!
reader.readAsDataURL(blob);
}
}
})
используя приведенный выше код в Chrome и Firefox, я получаю Clipboarddatastrong > undefined в случае изображения. Я пробовал много ссылок на google, но не смог достичь цели. Я также пробовал ссылку ниже из stackoverflow: Вставить изображение из буфера обмена с помощью JavaScript также приведенную ниже ссылку:
http://strd6.com/2011/09/html5-javascript-pasting-image-data-in-chrome/
http://codepen.io/netsi1964/pen/IoJbg
Может ли кто-нибудь помочь мне с полным примером того, как его достичь?