¿Es posible arrastrar y soltar un archivo del navegador al escritorio, causando una descarga?

Question

Tengo una aplicación que almacena archivos y usa arrastrar y soltar para subirlos. ¿Hay alguna manera de arrastrar y soltar para descargar el archivo a mi escritorio en lugar de tener que hacer clic en "descargar". Básicamente, lo opuesto a la carga de arrastrar y soltar.

Answer 1

No, necesitaría poder establecer una ruta de descarga, si nada más, que ningún explorador le permite hacer. Es posible con un complemento, pero no JS directo.

Answer 2

Solo es compatible con Google Chrome.
http://www.html5rocks.com/en/tutorials/dnd/basics/#toc-desktop-dnd-out Por ejemplo, está implementado en Gmail.

Ninguno de los navegadores cumple este comportamiento.

Answer 3

Los html5rocks y cssninja están bien, pero creo que son excesivos para las respuestas rápidas. Aquí hay un ejemplo simple de usar eventos de arrastrar de algo, incluso para descargar archivos.

<style> 
div { background-color: #eee; border: 1px solid black; padding: 5px; float: left; clear: both; } 
</style> 
<div id="uiLinkText"   draggable="true">Drag <b>Text</b> to a text editor </div> 
<div id="uiLinkHyperlink"  draggable="true">Drag <b>Hyperlink</b> to address bar </div> 
<div id="uiLinkUrlDownload" draggable="true">Drag <b>Url Download</b> to file system </div> 
<div id="uiLinkStaticDownload" draggable="true">Drag <b>Static Download</b> to file system </div> 
<script> 
document.getElementById('uiLinkText').ondragstart = function(event){ 
    // plain text, for dropping into text editor 
    event.dataTransfer.setData('text/plain', 'Go to http://stackoverflow.com/questions/5411481/ to read about this.'); 
} 
document.getElementById('uiLinkHyperlink').ondragstart = function(event){ 
    // URL, for dropping into the browser's address bar 
    event.dataTransfer.setData('text/uri-list', 'http://stackoverflow.com/questions/5411481/'); 
} 
document.getElementById('uiLinkUrlDownload').ondragstart = function(event){ 
    // file download contents, for dropping into a file system 
    event.dataTransfer.setData('DownloadURL', 'text/plain:SourceQuestion.html:http://stackoverflow.com/questions/5411481/') 
} 
document.getElementById('uiLinkStaticDownload').ondragstart = function(event){ 
    var textToWrite = 'file contents here'; 
    var textFileAsBlob = new Blob([textToWrite], { type: 'text/xml' }); 
    var url = window.URL.createObjectURL(textFileAsBlob); 
    // file download contents, for dropping into a file system 
    event.dataTransfer.setData('DownloadURL', 'text/plain:Static.txt:' + url) 
} 
</script> 

Advertencia: Si bien esto funcionó bien para mí en Chrome localmente (en Windows 7), cuando traté de ponerlo en jsFiddle para un Linke, el "Descargar estático" no funcionó, y el "URL de descarga" se estrelló Google Chrome.

Como con la mayoría de arrastrar y soltar, no funciona con MSIE 9, no he probado 10+ o Firefox.