web-dev-qa-db-fra.com

event.dataTransfer.files est vide quand ondrop est déclenché?

D'accord, j'ai un élément configuré pour recevoir un événement de dépôt de fichier, mais lorsque je regarde dans event.dataTransfer, il est vide. Je n'ai pas encore appris à utiliser l'API HTML5 glisser-déposer et je suis encore un peu brumeux à ce sujet. J'y travaille sur mon site . Si cela ne vous dérange pas de fouiller dans mon code et de voir ce qui se passe, ce serait très apprécié. L'ensemble de l'objet event est en cours de journalisation.

javascripthtml5drag-and-drop
34
nkcmr

Cela fonctionne bien, c'est juste un bug avec la console.

function onDrop(event) {
    event.preventDefault();
    console.log(event.dataTransfer.files[0]);
}
92
Esailija

Jetez également un coup d'œil à ce bogue/comportement: L'événement de dépôt HTML5 ne fonctionne pas si le glisser-déposer n'est pas géré

En gros, vous devez gérer le survol/glisser et spécifier un dropEffect

1
WFW

J'ai trouvé ce dont j'avais besoin dans:

e.originalEvent.dataTransfer
0
Andrew