Come ottenere i dati dagli appunti in Firefox

Question

vorrei innescare evento onpaste sull'elemento per recuperare i dati in clipboard (voglio verificare se l'immagine esiste in appunti e caricarlo nel server). Esso funziona perfettamente su Chrome:

$('#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); 
    } 
} 

non funziona su Firefox: event.clipboardData.items non esiste. Hai idea di come recuperare l'evento onpaste in elemento?

Answer 1

Sembra non. Scusate.

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

JavaScript get clipboard data on paste event (Cross browser)

Answer 2

Certo che posso. In questo esempio a recuperare un'immagine da appunti dopo aver utilizzato 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); 
} 

Funziona con <div> elemento che ha attributo contenteditable, ma non funziona con <textarea>

P.S. Ci scusiamo per aver risposto alla mia domanda, ma questo pezzo di codice potrebbe aiutare qualcuno.

Answer 3

È necessario creare un div contenteditable che conterrà l'immagine sulla pasta

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

allora avete bisogno di aspettare per pasta evento ed elaborarlo

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

scrivere anche il codice per afferrare la dati di immagine dal div contenteditable e inviarlo al server.