Jak uzyskać adres URL upuszczonego obrazu za pomocą skryptu chrome?

Question

W poniższym chromowanym skrypcie użytkownika, w jaki sposób mogę uzyskać adres URL obrazu, który przeciągnęłam z pulpitu? Gdzie mam linię debugger, Dostaję pusty łańcuch dla e.dataTransfer.getData("text") i 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

Nie wiesz dobrze zrozumieć, ale jeśli to zrobię, nie będzie mógł mieć ścieżkę do pliku (czyli usunięty plik fullpath).
To "ochrona" przed przeglądarkami. Ale możesz przynajmniej uzyskać jego nazwę.

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); 

Oto jsFiddle, jak to zrobić: jsFiddle demo