preview de imagen
Publicado por Alejandro (24 intervenciones) el 22/04/2020 20:25:24
hola buenos dias,
os comento, tengo un formulario en el que subo un archivo de imagen y una funcion javascript que hace un preview de esa imagen. La funcion funciona perfectamente, pero quiero cambiar el tamaño de dicha imagen dentro de la funcion, pero no se como implementarlo. A continuacion os dejo el codigo:
Aqui el formulario:
os comento, tengo un formulario en el que subo un archivo de imagen y una funcion javascript que hace un preview de esa imagen. La funcion funciona perfectamente, pero quiero cambiar el tamaño de dicha imagen dentro de la funcion, pero no se como implementarlo. A continuacion os dejo el codigo:
1
2
3
4
5
6
7
8
var loadFile = function(event) {
var reader = new FileReader();
reader.onload = function(){
var output = document.getElementById('output');
output.src = reader.result;
};reader.readAsDataURL(event.target.files[0]);
};Aqui el formulario:
1
2
3
4
5
6
7
8
9
10
11
<form method="post" action="validardatos.php" enctype="multipart/form-data">
<p>
<label>Nombre:</label><input type="text" name="nombre">
<textpath>Primer apellido:</textpath><input type="text" name="apellido1" >
<textpath>Segundo apellido:</textpath><input type="text" name="apellido2">
<label>Foto:</label><input type="file" accept="image/*" onchange="loadFile(event)" name="foto" id="inputimagen" ><img id="output"/>
</p> <input type="submit" value="enviar"></form>Valora esta pregunta
0
