Hace unos días Gmail introdujo una nueva funcionalidad muy interesante: la posibilidad de adjuntar archivos a un nuevo mensaje arrastrando y soltando. Para el usuario normal, esto puede parecer una tontería, pero para un desarrollador web, que conoce las limitaciones de los navegadores y, sobre todo, la seguridad necesaria en este tipo de eventos, es algo, que al menos debemos estudiar.

Inicialmente apareció en Chrome y cualquiera pensaría que como es su propio navegador, ellos pueden introducir las excepciones que consideren necesarias. Pero ya se puede utilizar también en Firefox ... (así que habrá gato encerrado).

Por el momento no ha aparecido mucha documentación al respecto. Así que nos pusimos a buscar y encontramos las siguientes curiosidades.

- En la versión en inglés, cuando arrastras el archivo, aparece una capa verde que indica "Drop files here to add them as attachments".

- En la versión en español: "Dejar los archivos aquí para añadirlos como archivos adjuntos". Cláramente esto no lo ha traducido un español (esto es una broma, claro, sólo lo hemos puesto por si alguien busca esas cadenas :)).

- En el blog oficial de Google pone sólo que tan pronto como esté disponible esta característica en el resto de navegadores, lo habilitarán. Vaya.

- Parece ser que el culpable será de nuevo HTML5, que aunque la mayoría de cosas interesantes que la gente clama que están hechas con HTML5, son en realidad javascript, en este caso, podemos ir un poco más allá.

- Más concretamente, se trata del File API, y tenemos la suerte de que los chicos del W3C nos han preparado una referencia: Referencia File API HTML5


* Como curiosidad, comentar que mientras buceábamos por el código del Gmail (por cierto, en nuestro caso de Google Apps), nos encontramos con esta rareza: 

<div style="position: absolute; top: 0px; left: -10000px; overflow: hidden; width: 0px; height: 0px;"><embed wmode="window" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" seamlesstabbing="false" allowfullscreen="true" allowscriptaccess="sameDomain" bgcolor="#000000" flashvars="dbg=true&amp;ap=previewer&amp;nm=yj_api0&amp;cb=Recv_yj_api0&amp;os=macintosh&amp;&amp;" src="im/media-api.swf?ver=1.0.1" style="width: 100%; height: 100%;" name="yj_api0" id="flash_yj_api0" quality="high"></div>

¿Qué hace esa capa oculta con media-api.swf? Eso seguramente, es otra historia...