Firefox'taki panodan veri nasıl elde edilir

Question

Panodaki verileri almak için öğede onpaste olayını tetiklemek istiyorum (görüntünün panoda olup olmadığını kontrol etmek ve sunucuya yüklemek istiyorum). Bu Chrome mükemmel çalışır:

$('#textarea')[0].onpaste = function(event) 
{ 
    var items = event.clipboardData.items; 

    if (items.length) 
    { 
     var blob = items[0].getAsFile(); 
     var fr = new FileReader(); 

     fr.onload = function(e) 
     { 
      alert('got it!'); 
     } 

     fr.readAsDataURL(blob); 
    } 
} 

Firefox üzerinde çalışmaz: event.clipboardData.items da mevcut değil. Öğesinde onpaste olayını nasıl geri alacağınız hakkında bir fikrin var mı?

Answer 1

Öyle görünmüyor. Afedersiniz.

http://support.mozilla.org/en-US/kb/Granting%20JavaScript%20access%20to%20the%20clipboard

JavaScript get clipboard data on paste event (Cross browser)

Answer 2

elimden Tabi. Bu örnekte ben kullandıktan sonra panodan görüntü almak Ctrl + V:

<div id="foo" style="width: 200px; height: 200px" contenteditable="true">Paste here!</div> 
$('#foo')[0].onpaste = function(e) 
{     
    setTimeout(function() 
    { 
     var blob = $('#foo img').attr('src'); 


     $.post('/upload/image', {'data': blob}, function(result) 
     { 


     }, 'json'); 

    }, 200); 
} 

Bu contenteditable niteliği vardır <div> elemanı ile çalışır, ancak <textarea>

P.S. ile çalışmıyor Kendi soruyu cevapladığım için üzgünüm, ancak bu kod parçası birine yardımcı olabilir.

Answer 3

Sen

var pasteCatcher = $('<div/>',{'id':'container'}); 
$('body').append(pasteCatcher); 
var pasteCatcher = document.getElementById('container'); 
       pasteCatcher.setAttribute("contenteditable", ""); 

o zaman

window.addEventListener("paste",processEvent); 
function processEvent(e) { 
//some functionality 
} 

Ayrıca kapmak için kod yazmak paste olayı ve süreci beklemek gerekir macun görüntüyü yapacak bir contenteditable div oluşturmak için gereken contenteditable div gelen görüntü verileri ve sunucuya gönderir.