Problema Previsualizacion de Imagenes

ktulu_red · #1 (**permalink**) 11/12/2006, 10:07

Seleccione una imagen <br>

Código HTML:

<input type="file" onChange="document.imagen.src='file:///' + this.value"><br><br>
Vista previa:<br><br>
<img src="imagen_defecto.png" name="imagen">

al parecer no sirve en IE7, alguna idea?
Gracias

midpunto · #2 (**permalink**) 19/01/2007, 12:35

Yo tengo el mismo problema, antes de las respectivas actualizaciones

de firefox e IE funcionaba pero con las ultimas versiones no, alguna ayuda??

JavierB · #3 (**permalink**) 19/01/2007, 13:07

Hola ktulu_red y midpunto

Acabo de probar el código en IE 7 y Firefox y me ha funcionado bien

Saludos,

caricatos · #4 (**permalink**) 19/01/2007, 13:18

Cita:

Iniciado por JavierB

Hola ktulu_red y midpunto

Acabo de probar el código en IE 7 y Firefox y me ha funcionado bien

Saludos,

Hola:

Creo que con un servidor normal (apache) no va a funcionar... es un tema que hemos tratado en varias ocasiones y la conclusión que recuerdo sobre este tema es que debe subirse para que sea visible...

JavierB: Lo has probado en un "localhost"... porque en el mio no va.

Saludos

JavierB · #5 (**permalink**) 19/01/2007, 13:26

Cita:

Iniciado por caricatos

JavierB: Lo has probado en un "localhost"... porque en el mio no va.

Esto me produce una sensación de déjà vu

Me parece que ya ocurrió algo parecido en otro mensaje.

Tal como dices, caricatos, en "localhost" no funciona con IE 7

Saludos,

midpunto · #6 (**permalink**) 19/01/2007, 15:55

Hola... tanto en local como on line en IE7 si agregas a sitios de confianza internet y extranet si funciona con este codigo:

Código HTML:

<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<form action="<?php echo $editFormAction; ?>" method="post" name="form1" id="form1">
<input name="form_data" type="file" class="botonera" id="img12" onBlur="LimitAttach(this,1);" onChange="MM_swapImage('previo1','',document.form2.form_data.src='file:///' + this.value,1)">
</form>

en cambio en firefox 2 no va...

midpunto · #7 (**permalink**) 20/01/2007, 02:40

Es un tema de seguridad con links locales que tiene el firefox por razones de seguridad te bloquea, si abris la consola de errores lo pone cuando cargas la imágen... Alguna idea?
Saludos...

caricatos · #8 (**permalink**) 20/01/2007, 05:25

Hola:

En vez de mostrar en un tag img se podría mostrar en un iframe

La idea es cambiar el action hacia un script que visualice la imagen, enviar el formulario a un iframe y luego volver a cambiar el action al original... el script php que preparé es el siguiente:

Código:

<?
$Ok = isset($_FILES["f"]);

$url = ($Ok) ? $_FILES["f"]["tmp_name"] : "../postales/Comic/erotico029.gif";
$tipo = ($Ok) ? $_FILES["f"]["type"] : "image/gif";
 
$contenido = fread(fopen($url, "rb"), filesize($url));
$tam = filesize($url);
$imagen = imagecreatefromstring(file_get_contents($url));
$ancho = imagesx($imagen);
$alto = imagesy($imagen);
imagedestroy($imagen);

/*
$datos = explode("/", $PHP_SELF);
$yo = $datos[count($datos) - 1];

if ($yo == "prever.php")
echo "location: $PHP_SELF?ancho=$ancho&alto=$alto&tam=$tam";
*/
header("Content-type: $tipo");
echo $contenido;
?>

En este caso el campo file debe tener el nombre "f"... y el ejemplo (muy básico) sería:

Código:

<html>
	<head>
		<title>
			recepción
		</title>
		<script type="text/javascript">
function prever(f) {
 tempaction = f.form.action;
 temptarget = f.form.target;
 f.form.action = "prever.php";
 f.form.target = "nuevo";
 v = window.open("", "nuevo", "width=100,height=100");
 f.form.submit();
 document.images.src = "prever.php";
 v.close();
 f.form.action = tempaction;
 f.form.target = temptarget;
 
}

function dimensionar(vp) {
datos = window.frames.nuevo.location.href;

//alert(window.frames.nuevo.scrollbars);
}

		</script>
	</head>
	<body >
<form action="receptor.php" method="post" target="_blank" enctype="multipart/form-data" name="formu">
<input type="file" name="f" />
<input type="text" name="dato" value="Introducir dato" />
<button type="button" onclick="prever(this)">prever</button>
<button type="submit">enviar</button>
</form>
<iframe id="vistaPrevia" name="nuevo" src="prever.php" onload="dimensionar(this)"/></iframe>
</body>
</html>

En el probador: Probador de scripts se puede probar...

Lo malo es que habría que rebuscarselas para obtener datos como las dimensiones y el tamaño...

Saludos

midpunto · #9 (**permalink**) 20/01/2007, 07:51

Muchas gracias!! Una posible y buena solución, por mi parte comenzaré a testearla a ver que tal. Saludos y gracias otravez

.

caricatos · #10 (**permalink**) 20/01/2007, 09:43

Hola:

La verdad es que eché algunas horas haciendo pruebas, y por eso hay alguna línea "incomprensible" como la función dimensionar... pretendía dimensionar el iframe con los valores de la imagen, pero después de muchas pruebas, desistí, aunque creo que "se puede trabajar"... tal vez usando sesiones php sea mejor... o enviar otro formulario a otro marco o a un popup... ¿?...

Saludos

Skualo_bar · #11 (**permalink**) 03/07/2008, 09:57

Caricatos Muchas Gracias Viejo, el codigo esta de fabula, justo lo que necesitaba!!

Excelente aporte!!!