Copiar imagen de PC y Pegar en Web

[Anonimo12]

Buenos días foreros, vuelvo a recurrir a vuestra sabiduría:

Necesito poder subir imágenes desde el PC a una página web con PHP/JavaScript/HTML. Sé cómo se hace con el botón "examinar" de HTML y llamando a un script PHP, pero no es eso lo que quiero.

Lo que necesito es:
1. El usuario navega por su escritorio y le da a copiar a una imagen.
2. Abre la web y le da a pegar en un textarea (por tanto, lo que se pegará es la ruta absoluta de la imagen).
3. Estando la ruta en el textarea se debe cargar la imagen al darle al botón "Guardar".

No tengo ni idea de por dónde tirar, ahora mismo tengo el formulario y cuando le doy al botón "Guardar" llama a una función javascript a la cual se le pasa como argumento el contenido del text area (la ruta de la imagen).

Teniendo la ruta en la función Javascript, ¿cómo cargo la imagen? o más fácil todavía ¿cómo hago para asignarla al siguiente array (que se le pasará por POST a PHP)?:

Código HTML:

<input type="file" name="imagenes[]" multiple="multiple"/>
 

Un saludo.

[rjulio21]

Puedes hacerlo con el reader que tiene javascript ahora. pero no es mejor q la persona arrastre directamente la imagen a una zona drag and drop?
Aca te dejo un link interesante del tema.
http://www.html5rocks.com/en/tutorials/file/dndfiles/
Espero te sirva

[Anonimo12]

Muchas gracias por la respuesta. Si es mejor o más cómodo hacerlo como comentas, pero los requerimientos me piden hacerlo así: el usuario copia una imagen de su escritorio y cuando le de a pegar (en un input, textarea o cualquier otro elemento) se debe subir la imagen.

No me parece complicado, cuando le doy a pegar en un input/textarea se pega la ruta, ¿cómo puedo subir la imagen a partir de la ruta?.

Otro manera de hacerlo sería ¿cómo se añade la ruta de la imagen a un array que se le pasará a PHP por POST?, es decir, yo tengo el botón examinar tambien:

Código HTML:

<input type="file" name="imagenes[]" multiple="multiple"/>
 

El fichero PHP recibirá ese array con las imagenes que ha examinado, ¿Cómo añado la ruta que ha pegado el usuario en el textarea al array "imagenes[]"?.

Un saludo.

[rjulio21]

Man eso es un drag and drop igual. con javascript puedes leer el archivo y hasta crear una barra de estado de la subida mientras solo muestras el nombre) y luego si quieres mostrar la imagen.

Revisa el link que te pase, la personalización de como quieres hacer el requerimiento la das tu, pero eso debe servirte.

[NSD]

No me parece complicado, cuando le doy a pegar en un input/textarea se pega la ruta, ¿cómo puedo subir la imagen a partir de la ruta?.

No es complicado. Es imposible. ¿Porque? sencillamente por seguridad.
Imagina que tu supieras en que archivo guarda chrome (o cualquier otro navegador) la informacion de cache y de contraseñas, la mayoria esta en la misma ubicacion porque ningun usuario la cambia (habitualmente, por supuesto hay exepciones), si sabiando un path local pudieras leer arbitrariamente el contenido, cualquier sitio web podria robarte tus contraseñas, tus marcadores, las fotos de tus hijos/familiares/amigos que guardas en "mis imagenes", los historiales de chat de skype por ejemplo y cualquier otra cosa que este almacenada en tu disco duro.
Lo cual no es posible, nadie usaria internet si existira la mas infima posibilidad de que esto ocurra, nada seria confiable.

La api de fileReader te permite leer archivos fisicos, si, pero OJO! no cualquier archivo fisico, sino uno que este en la lista de seleccionados de un input file, y las unicas forma de agregar un archivo a un input file son:

a) clasica, el usuario apreta seleccionar y elije desde un cuadro de dialogo
b) drag and drop, el usuario arrasta archivos al input file o a la zona de arrastre

de esta forma es el usuario el que voluntariamente esta compartiendo archivos con la web.

si necesitas si o si interactuar con el disco duro abiertamente, podrias pensar en un applet java o en flash, pero no te aconsejo ninguno, si bien son mas abiertos, las restricciones de seguridad son grandes en todos los complementos.