Arrastrar y soltar una carpeta en Chrome

Hola a todos, a la velocidad que avanzan los desarrollos de las aplicaciones, cada vez nos encontramos con mejores utilidades. Navegando con la red me he encontrado en esta web un artículo que voy a traducir libremente.

Esta nueva características está disponible a partir de Chrome 21, que ya se encuentra en su fase Beta y que pronto podremos disfrutar.

Arrastrar y soltar varios archivos del ordenador a la web es muy sencillo, aquí os proporciono un pequeño código que lo hace.

<div id=”dropzone”></div>

 

var dropzone = document.getElementById('dropzone');
dropzone.ondrop = function(e) {
var length = e.dataTransfer.files.length;
for (var i = 0; i < length; i++) {
var file = e.dataTransfer.files[i]; //lo que quieras
}
};

Con este ejemplo vemos como no existe ningún problema al arrastrar archivos, pero cuando queremos arrastrar carpetas, nos produce un error.

Ahora vamos a ver como Chrome 21 nos permite el manejo de carpetas, para ello es necesario cambiar la forma de manejar los objetos.

<div id=”dropzone”></div>
var dropzone = document.getElementById('dropzone');
dropzone.ondrop = function(e) {
var length = e.dataTransfer.items.length;
for (var i = 0; i < length; i++) {
var entry = e.dataTransfer.items[i].webkitGetAsEntry();
if (entry.isFile) {
...//lo que quieras
} else if (entry.isDirectory) {
... // lo que quieras
}
}
};

Para profundizar mas en la información sobre esta nueva, e interesante, característica os recomiendo que accedáis a la API de Chrome, en la cuál encontraréis toda la información necesaria.

Etiquetas: , , ,

Estudiante de Ingeniería Informática. Tecnico Superior en Desarrollo de Aplicaciones Informáticas. Creador de elCSS.com | Web Oficial DiegoBerges.com

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.