Cita:
Iniciado por caricatos Hola otra vez:
Después de unas pruebas hice esto que en mozilla funciona:
Código:
<html>
<head>
<script type='text/javascript'>
var img = false;
function ini(){
if (img) document.body.removeChild(img);
img = document.createElement("img");
img.src = "File:///" + document.forms[0].fichero.value;
document.body.appendChild(img);
}
</script>
</head>
<body >
<form name=imagen >
<input type=file name=fichero onclick="ini()" />
</form>
</body>
</html>
Con onclick en mozilla funciona bien, y en mi versión de explorer funciona con onchange...
Será cuestión de ver una forma de usar el evento que funcione en cada navegador... quizás generando el tag dinámicamente:
var evento = (document.all) ? "onchange" : "onclick";
document.write('<input type=file name=fichero on'; + evento + '="ini()" />');
Saludos
el ejemplo de la url que mencionan arriba , la imagen es copiada y luego se muestra, supongo yo pero lo que se mencionan no lo hace a menos que la pagina la ejecutes localmente, copie esta rutina a mi sitio usando mozilla o firefox y no funcionan, no visualiza la imagen a enviar que se puede hacer.
<html>
<head>
<script type='text/javascript'>
var img = false;
function ini(){
if (img) document.body.removeChild(img);
img = document.createElement("img");
img.src = "File:///" + document.forms[0].fichero.value;
document.body.appendChild(img);
}
</script>
</head>
<body >
<form name=imagen >
<input type=file name=fichero onclick="ini()" />
</form>
</body>
</html>
Espero sus comentarios, amigos
saludos
__________________
gerardo