Previsualizar en js

Hola que tal! ¿Podrías ayudarme en esto?.
He buscado por internet como previasualizar una imagen antes de subirla..
Y esto es lo que sale en la mayoría de las pag:_
Seleccione una imagen <br>
<input type="file" onChange="document.imagen.src='file:///' + this.value"><br><br>
Vista previa:<br><br>
<img src="imagen_defecto.png" name="imagen">
lo he probado tal cual el código y no ha habido problemas..
Luego coloco este código en mi formulario que necesito realizar esta previsualización pero no me funciona..
<form name="formulario" method="post" action="php/ingresos.php" onSubmit="return validar(this)">
<table width="395" border="1" align="center">
<tr>
<td colspan="5" class="title"><strong>Ingreso de Nuevo Registro </strong></td>
</tr>
<td>Estado</td>
<td align="left"><label>
                  <select name="cbo_estado" id="cbo_estado">
                    <option value="Bueno" selected="selected">Bueno</option>
                    <option value="Regular">Regular </option>
                    <option value="Malo">Malo</option>
                  </select>
                  </label>                </td>
</tr>
<tr class="comuni">
<td>Observacion del registro </td>
<td><label>
                  <textarea name="txt_obs" cols="40" rows="8" id="txt_obs"></textarea>
                </label></td>
</tr>
<tr>
----------linea para ver las imagenes -----------
<td class="comuni">Imagen Nº 1 </td>
<td><label><img src="imagen1.jpg" id="picture" alt="vista previa" height="100" width="100">
      <input name="img_1" type="file" onChange="refreshImg()">
                </label></td>
</tr>
<tr class="comuni">
<td class="comuni">Imagen Nº2</td>
<td><label> <font face="Century Gothic"><img src="imagen1.jpg" id="picture" alt="vista previa" height="100" width="100"/>
      <input name="img_2" type="file" onChange="refreshImg()">
                </font></label></td>
</tr>
------------boton------------             
<tr>
<td> </td>
<td >
<div align="center"><font face="Century Gothic">
                    <input type="submit" name="Submit52" value="Guardar" />
                </font></div>
</td>
</tr>
</table>
</form>
Pero no me funciona... No las puedo ver antes de subirlas...
¿Cuál seria la solución? He intentado muchas cosas pero no me funciona..
¿Tengo qué tener las imágenes en el servidor? No se que podrá ser...
Saludos y gracias por tu tiempo..
Patricio

1 Respuesta

Respuesta
1
No puedo decirte lo que ocurre porque no has añadido el código de la rutina javascript refreshImg

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas