Cargar una imagen en la web con un input file
Publicado por Chaver (3 intervenciones) el 22/01/2016 22:42:39
Quiero coger el src de una imagen desde un input file que y que se agregue a la celda de una tabla pero no lo consigo tengo este código con lo que he intentado pero no funciona
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<html>
<head>
<script>
function crea(){
var tabla=document.getElementById("tabla");
var l=tabla.rows.length;
var fila=tabla.insertRow(l);
var celda1=fila.insertCell(0);
var imagen=document.createElement("img");
imagen.src=document.getElementById("imagen");
celda1.innerHTML=imagen;
}</script>
</head>
<body><center><br><br>
<table width="300" border="1" bgcolor="yellow" bordercolor="red"id="tabla"><td bgcolor="green" width="141"><b>INSERTA IMAGEN</b></td></table>
IMAGEN:<input name="nombre" id="imagen" type="file"><br>
<input name="boton" id="boton" type="button" value="INSERTAR" style='color: #003366; background-color: #99CCFF' onClick="crea()">
</center>
</body>
</html>
Valora esta pregunta
0
lo que quiero hacer es muy basico intentare explicarme lo mejor posible;insertar una imagen dentro del td...donde ahora pone [object HTMLImageElement] es para una practica de FP de Aplicaciones Web solo uno de mis compañeros lo ha conseguido y solo iba en internet eplorer....no iba ni en chrome ni firefox.Otra practica parecida pero en este caso con con un cuadro de texto si que funcionaba he intentado adaptar el codigo para la nueva pero ha sido en vano.