Como acessar os dados da imagem depois de soltar uma imagem da parte html de uma página da web em uma tela?

Esta é uma pergunta de acompanhamento paraComo soltar textos e imagens em uma tela? (Firefox 41.0.1)

Simplesmente não consigo descobrir como acessar os dados da imagem que soltei na tela. Eu tentei coisas comodata = event.dataTransfer.getData("image"), mas tudo isso não funciona.

function addDragNDropToCanvas() {
    document.getElementById('canvas').addEventListener("dragover", function(event) { event.preventDefault();}, false);
    //handle the drop
    document.getElementById('canvas').addEventListener("drop", function(event) {
        event.preventDefault();
        console.log('something is dropped on the object with id: ' + event.target.id);
        // var directData=event.dataTransfer.getData("image");
        console.log(event);
        }, false);

 }

Certamente os dados da imagem estão incorporados em algum lugar nos dados do evento de queda? Não é ??? (A imagem não possui um atributo de identificação próprio.)

questionAnswers(2)

yourAnswerToTheQuestion