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..
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 de aleja26
1