webentwicklung-frage-antwort-db.com.de

Ziehen und Ablegen der Microsoft Edge-HTML5-Datei

Wir passen unser Produkt an MsEdge an. Wir haben eine html5-Drag & Drop-Funktion, die in IE/Chrome usw. ordnungsgemäß funktioniert.

Bei Verwendung von Microsoft Edge aus Win10 Insider Preview Build 10162 ist das Ablegen verboten. Wir haben auch http://html5demos.com/dnd-upload - überprüft funktioniert auch nicht.

Hat das jemand gelöst?

14

Bearbeiten: Microsoft hat dieses Feature inzwischen implementiert .

Ursprüngliche Antwort:

Die Variable DragAndDropEntries wird in Microsoft Edge noch nicht unterstützt. Siehe diesen Link für mehr Details

Es sagt:

Ermöglicht das Ziehen und Ablegen ganzer Ordner mit HTML5-Drag-and-Drop. Erweitert das DataTransferItem um eine Methode, um einen FileEntry/DirectoryEntry ..__ zu erhalten. Priorität der Roadmap: Niedrig - Wir evaluieren diese Technologie noch immer. Bevor wir mit der Entwicklung beginnen können, ist möglicherweise eine erhebliche Stabilisierung der Spezifikationen, grundlegende Arbeiten oder zusätzliche Eingaben der Community erforderlich. "

Sie können dieses Feature jedoch gerne anfordern unter: __. https://wpdev.uservoice.com/forums/257854-Microsoft-Edge-developer

6
Doris Chen

Ich habe gerade die Demo auf Microsoft Edge ausprobiert und es hat gut funktioniert.  enter image description here

1
Rami Sarieddine

Arbeitete für mich:

html:

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

verwendetes Java-Drop-Ereignis:

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

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

um die Datei zu benutzen: 

event.dataTransfer.files[0]
0