Cargar imagen desde el disco duro y procesarla con JS sin subirla por POST

[Iñaki Baz Castillo]

Hola,

Con HTML5 y todos los nuevos APIs JavaScript, ¿hay alguna manera de que el usuario web pueda cargar una imagen desde su disco duro (como en los típicos forms POST) pero que JavaScript acceda a dicha imagen sin necesidad de hacer el HTTP POST?

Es decir:

- En una web pincho en un botón "Elegir archivo" (del disco duro).

- Selecciono una imagen.

- NO hago el submit por HTTP POST.

- Con JS accedo al fichero (en este caso una imagen).

- Uso Canvas o algo (de esto no tengo ni idea) para manipular la imagen.

- Incluso modifico la imagen a Base64 para subirla por una conexión WebSocket.

La idea es no necesitar lógica de programación web de servidor sino que todo se haga en local en el propio navegador y que, una vez se haya seleccionado y editado (¿mucho pedir?) la imagen, la aplicación JS la envía codificada por WebSocket a otro server distinto del server web, etc. El server web sólo ofrece un index.html, nada más.

Muchas gracias.

[Pablo Garaizar Sagarminaga]

Hola,

el Wed, 26 Dec 2012 00:48:15 -0800 (PST) Iñaki Baz Castillo
<i...@aliax.net> decía:

> Con HTML5 y todos los nuevos APIs JavaScript, ¿hay alguna manera de
> que el usuario web pueda cargar una imagen desde su disco duro (como
> en los típicos forms POST) pero que JavaScript acceda a dicha imagen
> sin necesidad de hacer el HTTP POST?

Yo empezaría por aquí:

http://www.html5rocks.com/en/tutorials/file/dndfiles/

PD: Muchísimas gracias por tu trabajo en SIP + WebSockets ;-)

http://tools.ietf.org/html/draft-ietf-sipcore-sip-websocket-06

--
Pablo Garaizar Sagarminaga
Universidad de Deusto
Avda. de las Universidades 24
48007 Bilbao - Spain

Phone: +34-94-4139000 Ext 2512
Fax: +34-94-4139101

[Iñaki Baz Castillo]

El día 26 de diciembre de 2012 10:43, Pablo Garaizar Sagarminaga
<gara...@deusto.es> escribió:

>> Con HTML5 y todos los nuevos APIs JavaScript, ¿hay alguna manera de
>> que el usuario web pueda cargar una imagen desde su disco duro (como
>> en los típicos forms POST) pero que JavaScript acceda a dicha imagen
>> sin necesidad de hacer el HTTP POST?
>
> Yo empezaría por aquí:
>
> http://www.html5rocks.com/en/tutorials/file/dndfiles/

Cristalino, ahí está todo lo que necesito incluidas referencias al
API, mil gracias :)

> PD: Muchísimas gracias por tu trabajo en SIP + WebSockets ;-)
> http://tools.ietf.org/html/draft-ietf-sipcore-sip-websocket-06

Gracias. Y, siendo ésta una lista sobre JavaScript, aprovecho para
promocionar precisamente la librería JsSIP ;)

http://jssip.net/


--
Iñaki Baz Castillo
<i...@aliax.net>