No me funciona la previsualización de imágenes

Soy patricio nuevo 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..

1 Respuesta

Respuesta
1
Tienes puesto esto: onChange="refreshImg()", pero no veo donde tienes esa función que debería hacer la vista previa. Además a esa función no le estás pasando nada y en el caso que decías se necesita la ruta del fichero que se seleccione en el input.
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">
Tampoco veo que tu tag de imagen tenga "name" y repites el mismo tag 2 veces:
<img src="imagen1.jpg" id="picture" alt="vista previa" height="100" width="100">

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas