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