web-dev-qa-db-fra.com

Fichier Microsoft Edge html5 glisser-déposer

Nous adaptons notre produit à MsEdge. Nous avons une fonctionnalité de glisser-déposer html5 qui fonctionne correctement dans IE/Chrome, etc.

À l'aide de Microsoft Edge à partir de Win10 Insider Preview Build 10162, le largage est interdit. Nous avons également vérifié http://html5demos.com/dnd-upload ne fonctionne pas non plus.

Quelqu'un a résolu ça?

14
Christian Rodriguez

Edit: Microsoft a déjà implémenté cette fonctionnalité .

Réponse originale:

La DragAndDropEntries n'est pas encore prise en charge dans Microsoft Edge. Voir ce lien pour plus de détails

Ça dit:

Permet de glisser-déposer des dossiers entiers à l'aide du glisser-déposer HTML5. Etend le DataTransferItem avec une méthode pour obtenir un FileEntry/DirectoryEntry . Priorité de la feuille de route: Faible - Nous évaluons encore cette technologie. Une stabilisation des spécifications, un travail fondamental ou une participation supplémentaire de la part de la communauté peuvent être nécessaires avant de pouvoir commencer le développement.

Toutefois, n'hésitez pas à demander cette fonctionnalité à l'adresse https://wpdev.uservoice.com/forums/257854-Microsoft-Edge-developer

6
Doris Chen

Je viens d'essayer la démo sur Microsoft Edge et cela a bien fonctionné pour moi.  enter image description here

1
Rami Sarieddine

A travaillé pour moi:

html:

<input
    id = "dropzone"
    accept = "image/*"
    multiple = "false"
    type = "file"
/>

événement javaScript 'drop' utilisé:

const dropzone = document.getElementById('dropzone');

dropzone.addEventListener('drop', (event) => { /* your callback */ })

pour obtenir le fichier utilisé: 

event.dataTransfer.files[0]
0