Come ottengo l'URL per un'immagine rilasciata usando un chrome userscript?

Question

Nel seguente script utente di Chrome, come posso ottenere un URL per un'immagine che trascino dal desktop? dove ho la linea debugger, sto ottenendo la stringa vuota per e.dataTransfer.getData("text") e e.dataTransfer.getData("url")

// ==UserScript== 
// @match http://*/* 
// @match https://*/* 
// ==/UserScript== 

function preventDrag(e) { 
    e.stopPropagation(); 
    e.preventDefault(); 
} 

function handleDrop(e) { 
    console.log("Just dropped: " + e.dataTransfer.files[0].name); 
    debugger 
    // TODO: grab the url for e.dataTransfer.files[0] 

    e.stopPropagation(); 
    e.preventDefault(); 
} 

document.addEventListener('drop', handleDrop, false); 
document.addEventListener('dragenter', preventDrag, false); 
document.addEventListener('dragover', preventDrag, false); 

Answer 1

Non

sicuri di capire bene, ma se lo faccio, non sarà in grado di avere un percorso di file (che significa il file completo percorso completo).
È una "protezione" dai browser. Ma puoi almeno prenderne il nome.

var file = e.originalEvent.dataTransfer.files[0], 
     reader = new FileReader(); 

    reader.onloadend = function (event) { 
     console.log(file); 
     // filename is in file.name 
     // ... do something here 
    } 
    reader.readAsArrayBuffer(file); 

Ecco una jsFiddle di come farlo: jsFiddle demo