Guardar datos del formulario en storage web

asitudela · #1 (**permalink**) 07/05/2012, 12:34

Buenas,

tengo varios formularios concatenados, en los que existen datos numéricos, cadenas e imágenes (en total no superarán los 2MB). Algunos datos que introduce el usuario, son utilizados en los siguientes formularios, incluidas las imágenes.

Mi pregunta es ¿Puedo guardar toda esa información en el web storage sin utilizar otro lenguaje de programación para guardar/cargar/mostrar las imágenes?

He visto la API de filereader, pero no es compatible con IE9 por lo que no puedo utilizarla. Me gustaría no hacer uso de otros lenguajes de programación aunque no sé si es posible.

Un ejemplo:
form1:
insertar
- nombre
- imagen

form2:
(se muestra la imagen)
- cambiar imagen
- insertar dirección

form3:
(se muestran todos los datos)

Un saludo

miktrv · #2 (**permalink**) 07/05/2012, 15:52

Has revisado esta documentación?

http://www.w3.org/TR/webstorage/

Un saludo!

asitudela · #3 (**permalink**) 08/05/2012, 10:18

Cita:

Iniciado por miktrv

Has revisado esta documentación?

http://www.w3.org/TR/webstorage/

Un saludo!

¿Podrías ser más específico?

emprear · #4 (**permalink**) 08/05/2012, 14:43

Cita:

Iniciado por asitudela

Buenas,

tengo varios formularios concatenados, en los que existen datos numéricos, cadenas e imágenes (en total no superarán los 2MB). Algunos datos que introduce el usuario, son utilizados en los siguientes formularios, incluidas las imágenes.

Mi pregunta es ¿Puedo guardar toda esa información en el web storage sin utilizar otro lenguaje de programación para guardar/cargar/mostrar las imágenes?

He visto la API de filereader, pero no es compatible con IE9 por lo que no puedo utilizarla. Me gustaría no hacer uso de otros lenguajes de programación aunque no sé si es posible.

Un ejemplo:
form1:
insertar
- nombre
- imagen

form2:
(se muestra la imagen)
- cambiar imagen
- insertar dirección

form3:
(se muestran todos los datos)

Un saludo

Algo asi

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<title>local Storage para imagen subida con php</title>
<script>
function CargarImagen(archivoimagen) {
    var xmlhttp;
    if (window.XMLHttpRequest) { 
        xmlhttp = new XMLHttpRequest();
    } else { 
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {     
            document.getElementById("lafoto").src = "data:image/png;base64," + xmlhttp.responseText;
        }
    };
    
    xmlhttp.open("GET", 'cargar.php?ar_img='+archivoimagen );
    xmlhttp.send(null);
}
</script>
</head>
<body onload="CargarImagen('foto.png')">
  <img id="lafoto" src="" alt="" />
</body>
</html>

El php

Código PHP:

Ver original<?php
 if (isset($_GET['ar_img'])) {
  header("Content-Type: image/png");
  $file = file_get_contents($_GET['ar_img']);
  echo base64_encode($file);
}
?>

Saludos