Hacer Drag & Drop de ficheros al escritorio con Chrome

Especial de Desarrollo y Sólo para Chrome pero super-sencillo. La idea es implementar la misma funcionalidad que tiene Gmail y que permite arrastrar desde el navegador el enlace de un fichero directamente al escritorio para descargarlo. Esto con Chrome se puede implementar con las siguientes lineas de código. Aqui el ejemplo:

var file = document.getElementById("dragout");

file.addEventListener("dragstart",function(evt){
    evt.dataTransfer.setData("DownloadURL",fileDetails);
},false);

<a href="Eadui.ttf" id="dragout" draggable="true" data-downloadurl="
    application/octet-stream
    :Eadui.ttf
    :http://thecssninja.com/gmail_dragout/Eadui.ttf">Font file</a>

var fileDetails;

if(typeof file.dataset === "undefined") {
    // Grab it the old way
    fileDetails = file.getAttribute("data-downloadurl");
} else {
    fileDetails = file.dataset.downloadurl;
}

Via | Sentido Web | Demo

1 Respuesta to “Hacer Drag & Drop de ficheros al escritorio con Chrome”



  1. 1 Hacer Drag & Drop de ficheros al escritorio con Chrome | Ayuda Linux Trackback en agosto 18, 2010 a las 9:10 pm

Deja un comentario







¿Es compatible tu equipo con Ubuntu?


( Muchos fondos de pantalla, aqui )

DESCARGATE SCIFI LIFE

365 Dias de Soledad
Me debes los sueños, las promesas y las noches rotas. Me debes la paz, la sonrisa y la esperanza robadas. Me debes la sangre, las lágrimas y el sudor vertido. Me debes las noches vacías, los abrazos anhelados. Me debes un beso de ajenjo de tu amarga boca.

The Ubuntu Counter Project - user number # 11961
Geo Visitors Map

Archivos

agosto 2010
L M X J V S D
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

Blog Stats

  • 31.401.376 hits