de l'événement.dataTransfer.fichiers est vide lorsque ondrop est tiré?

Bon, j'ai un élément configuré pour recevoir un fichier-baisse de l'événement, mais quand je regarde dans event.dataTransfer il est vide. Je n'ai pas eu l'occasion de l'apprentissage de la drag-n-drop API HTML5 pour l'instant et je suis encore un peu brumeux sur elle. Je suis en train de travailler sur elle à mon site. Si vous n'avez pas l'esprit de fouiller mon code et de voir ce qu'il se passe, il serait très appréciée. L'ensemble de la event objet est connecté.

InformationsquelleAutor nkcmr | 2012-07-20
  1. 103

    Ça fonctionne, c'est juste un bug avec la console.

    function onDrop(event) {
    event.preventDefault();
    console.log(event.dataTransfer.files[0]);
}
    • Note pour les autres: Vous devez être PRUDENT. Ce bug signifie que vous pourrez voir un objet vide dans la console pour ce qui suit: console.log(JSON.stringify(event)), console.log(JSON.stringify(event.dataTransfer)), console.log(JSON.stringify(event.dataTransfer.files)), et console.log(JSON.stringify(event.dataTransfer.files[0])). SEUL l'affichage d'un nœud feuille, comme console.log(JSON.stringify(event.dataTransfer.files[0].name)) œuvres. Personnellement, je trouve cela écoeurant, m'a fait perdre des heures - et pourquoi? Qui sait. Mais c'est un heads-up pour quelqu'un d'autre qui s'exécute ce problème.
    InformationsquelleAutor Esailija
  2. 3

    Aussi jeter un oeil à ce bug/comportement: HTML5 drop event ne fonctionne pas sauf si dragover est manipulé

    Fondamentalement, vous avez besoin pour gérer hover/glisser et de spécifier un dropEffect

    • Que voulez-vous dire? Je l'ai fait à un lien qui explique qu'il y a un drôle de comportement liés à glisser/déposer où si vous ne spécifiez pas un dropEffect dans la traînée du gestionnaire, l'objet dataTransfer de ne pas avoir toutes les informations dans le menu handler (au moins parfois - je l'ai vu seulement sur google chrome sous ubuntu, pas de macos). J'ai également souligné l'essentiel du contenu de la page liée. Quoi de plus avez-vous besoin?
    • Généralement DONC, vous voulez mettre le code/la solution directement dans votre réponse. Cela empêche les liens morts dans le futur 🙂
    • Juste assez - pourrait être utile à un drapeau doublons de bien, vraiment.
    InformationsquelleAutor WFW
  3. 0

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

    e.originalEvent.dataTransfer
    InformationsquelleAutor Andrew