CODEWITHSUNDEEP
htmldrag-and-drop
dlchambers
dlchambers

Reputation: 3742

Drag and Drop *FROM* a browser?

Dragging items into a browser is pretty well documented, and HTML5 makes this easier.

However, I'm wondering if and how it's possible to drag 'n' drop out of a browser.

In this scenario, you'd have a webpage element (eg. an anchor) that the user would click & drag OUT of the browser onto a drop target, and the browser would send the linked object (eg. an href'd file) directly to the drop target instead of starting the usual download.

Does anyone know if this is possible?

Upvotes: 31

Views: 17579

Answers (2)

Kenneth Brobst
Kenneth Brobst

Reputation: 121

The very thing you are trying to do can be found here: https://ryanseddon.com/html5/gmail-dragout/.

This is an explanation for how to drag an anchor tag to the desktop, and the file will be downloaded there. (Or drag the anchor tag onto another application, and the OS will treat it appropriately.)

What I haven't figured out yet, is how to drag-and-drop multiple links (instead of only one at a time) via HTML5, without having to resort to an external resource library like jquery.

Upvotes: 12

invertedSpear
invertedSpear

Reputation: 11054

Conceptually Yes, this is possible. But it would be the OS/application handling the drop to decide what to do with it. In fact you can do exactly what you describe with chrome. Open a new chrome window and drag a link to it. It navigates there. Drag a link to your desktop. In Win7 it creates a shortcut/link to that page.

What you are talking about is not HTML drag and drop but actually at an OS/application level. And would have to be handled with an application language, not the browser HTML.

Upvotes: 5

Related Questions