File API con Drag and Drop: Arrastrar y soltar archivos

Ya hemos dicho que cuando seleccionamos un archivo, éste estará disponible en el objeto FileList del control input type="file". Aunque otra forma de seleccionar archivos es usando Drag and Drop. En navegadores como Firefox y Chrome podemos arrastrar y soltar un archivo encima de un botón de tipo file.

No funciona en Opera ejecutándose la acción por defecto que es abrir el contenido del archivo en la ventana. Este efecto lo puede comprobar arrastrando un archivo sobre el área indicada. Si el navegador permite Drag and Drop podemos usar un elemento de la página para también soltar el archivo.

El tipo de elemento a usar es importante, porque creo que Opera 12 no permite soltar archivos en un textarea.

Leer como

texto       datos URL      array buffer

Tipo MIME:
Longitud: bytes



datos del archivo leído:



código del ejemplo




Regresar