Can I have an HTML drag-and-drop input in Microsoft Edge?

15
votes

We are adapting our product to Microsoft Edge. We have an HTML drag-and-drop feature that works correctly in IE, Chrome, etc.

Using Microsoft Edge from Win10 Insider Preview Build 10162, the drop is forbidden. We also checked http://html5demos.com/dnd-upload doesn't work neither.

Has anyone solved this problem?

2
htmlmicrosoft-edgehtml-input
As far as we can tell it's a bug in edge right now. I might be wrong, but no one's html5 file drag/drop uploading seems to work in Edge at the moment. Even google drive / imgur / flickr all file drop uploaders not working - but work fine in ie11. – Mike Driver
@MikeDriver as a side question, can you get the latest Win10 Insider previews? Our's was broken after 10162 – Christian Rodriguez
@enyce12 can you please elaborate how that answer applies to drag drop not working in Windows 10? Did you post the wrong link? – user888750
@enyce12 by the time I asked the question win10 was not RTM, so lot of people had Win10 Insider preview, which released new builds every week. I've already seen major improvements in edge with every win10 preview new build. So, it's logic to think that a new build of the insider preview, that is, the version we had installed, could solve the problem. Doubts? – Christian Rodriguez
There's an issue logged on MS Connect. Please vote for it: connect.microsoft.com/IE/feedback/details/1544800/… – Tsvetomir Tsonev

2 Answers

6
votes

Microsoft implemented this feature in EdgeHTML 13, included in Windows 10 Build 10586 (November 2015).

Original answer:

The DragAndDropEntries is not supported in Microsoft Edge yet. See this link for more detail

It says:

Allows dragging and dropping entire folders using HTML5 Drag and Drop. Extends the DataTransferItem with a method to get a FileEntry/DirectoryEntry. Roadmap Priority: Low — We are still evaluating this technology. There may be significant spec stabilization, foundational work, or additional community input required before we can begin development."

However, feel free to request for this feature at https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer

1
votes

I just tried it the demo on Microsoft Edge and it worked fine for me. enter image description here