Obtener la imagen en el campo de carga en shadowbox a subir después de presentar los padres?

votos
0

Página de los padres incluye la forma, con un botón que activa shadowbox niño.

Shadowbox niño incluye un formulario que, después de presentar, rellena los datos del formulario padre ocultos. Los datos no imagen es fácil.

¿Cómo se puede manejar imágenes? En otras palabras, ¿cómo propagar la imagen para-ser-subido desde el shadowbox a los padres, a continuación, subir después de que el formulario principal se ha presentado?

Las etiquetas fueron elegidos porque estoy trabajando con esas lenguas.

Publicado el 09/05/2013 a las 19:50
fuente por usuario
En otros idiomas...                            


1 respuestas

votos
0

La manera más fácil que he encontrado para solucionar esto es usar esta respuesta , que tuvo algo de investigación seria.

En esencia, el uso de un onchangeevento en el campo de archivo de entrada, guardar la base 64 versión de la imagen del usuario visita en una variable en la página principal codificados.

shadowbox página:

// In your JS
$('[type=file]').change(function ()
{
    if (input.files && input.files[0])
    {
        var reader = new FileReader();

        reader.onload = function (e)
        {
            // This is where the parent var gets the encoded image.
            self.parent.hiddenElement.val(e.target.result);
        }

        reader.readAsDataURL(input.files[0]);
    }
}

página padre:

// HTML
<input type='hidden' name='encoded_image' />

// In your JS
var hiddenElement = $('[name=encoded_image]');

Esta imagen codificada en base64 ahora se pueden guardar en el almacenamiento de blob en el servidor después de que se presentó la forma de su página principal.

Respondida el 09/05/2013 a las 22:06
fuente por usuario

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more