[SOLUCIONADO] Cómo guardar una imagen en LOCAL STORAGE?

[rkmgralpaz]

Hola! Necestio hacer una vista previa en otra pestaña del navegador de un post, el cual tiene título, descripción y una imagen (por un input file).

Estoy haciendo la vista previa del texto con Local Storage y funciona bien, pero no sé cómo almacenar la imagen para mostrarla, no funciona! Por favor si algún experto me puede orientar !! Gracias !!!!!!!

[3nr1c]

Podrías codificar la imagen en base64: http://stackoverflow.com/questions/6...69825#23669825

Y luego guardar la string en localStorage

Saludos!

[rkmgralpaz]

Muchas gracias, lo hice codificando la imagen en base64. Para el que lo necesite, aquí está el codigo, me funcionó con lo que responde Fizzix: http://stackoverflow.com/questions/19183180/how-to-save-an-image-to-localstorage-and-display-it-on-the-next-page

Ahora, tengo otra duda, como haría con videos mp4, audios mp3?

Y también tengo otro tipo de post donde hay un input de múltiples imagenes (debajo del input tengo programado la visualización de las imagenes). Ene ste caso me conviente obtenerlas del input file o de los elementos img? Y sería mediante un while algo así??

[Alexis88]

Tengo entendido que Local Storage permite un almacenamiento aproximado de 5 MB (puede variar), por lo que intentar guardar archivos multimedia puede ser poco viable.

¿Y si lo haces del lado del servidor?

[rkmgralpaz]

Si, lo he intentado pero la verdad me confunde mucho si me conviene hacerlo con un href o un botón submit, cómo enviar las varibles al php. Estuve intentando y me generaba conflicto con el botón original de publicar el post, y otros problemas más. Por eso directamente usé localstorage, que me sirve para los textos e imagenes, pero ahora me dicen que no para multimedia, si alguien tiene una orientación más o menos , se lo agradecería mucho !! gracias

[Alexis88]

Para guardar información en el lado del servidor, utiliza un formulario y el método POST. No deberías tener inconvenientes para hacerlo de esa forma, aunque también tienes que saber que existe un límite de MB por subida que puedes ampliar modificando el archivo de configuración de PHP. Lee más aquí.

P. D.: El problema que comentas acerca del envío de datos puede deberse a la fase de captura o al bubbling. Lee más aquí.

[rkmgralpaz]

Lo que necesito hacer es, antes de publicar el post, poder ver una vista previa en una pestaña nueva del navegador. Tengo un botón submit para publicar el post (que previamente valida los campos).
Ahora bien, debería añadir otro botón submit para ver la vista previa? Cómo hago para que no vaya hacia el action por defecto fijado en el <form action="">?
He probado algo que me dijeron, pero no resultó porque luego de ver la vista previa el action había sido reemplazado por la url de la vista previa, y no me permitía publicarlo.
Además, tengo que lograr que al clicker el submit de la vista previa, me diriga a OTRA pestaña, esto es muy importante.

[Alexis88]

Puedes tener un segundo botón o incluso un elemento inline como un <span> al cual le delegarías el evento click. Al darle el clic, se ejecutaría una función que realizaría el envío de los datos de forma asíncrona (AJAX), para lo cual necesitarás usar el objeto FormData. Al recibir la respuesta del servidor, puedes mostrar la vista previa en una ventana modal (que creo que sería mejor que hacerlo en otra pestaña o ventana) y ya luego enviarías los datos del formulario a procesarse.

Un saludo

[rkmgralpaz]

Muchas gracias Alexis.