Tengo un pequeño formulario html con un input y un buttom. El primero es de tipo "file" y el segundo de tipo "submit". La idea es que un usuario pueda cargar una imagen en el input y que al darle a enviar esa imagen vaya a otra página donde será tratada. Y si el usuario no carga ninguna imagen, lo que se debe enviar al pinchar sobre el botón debe cargarse en el input la dirección que yo desee.
Os pongo el código que seguro lo veréis más calro que con mis explicaciones.
Código:
He puesto un alert en la función de enviar para saber cuál es el contenido del input fileimg. Si cargo una imagen aparece la ruta de la imagen que he cargado, pero si no cargo una imagen aparece vacio y esto es precisamente lo que no quiero. Debería aparecer la ruta de la imagen por defecto (C:\imagendefecto.jpg).<body> <script> function changeImage(){ //Permite cambiar la imagen var rutaImagen = document.getElementById("fileimg").value; document.getElementById("img").src = rutaImagen; } function enviar(){ //Envia el formulario if (document.getElementById("fileimg").value == ""){ document.getElementById("fileimg") = "C:\imgdefecto.jpg"; } alert(document.getElementById('fileimg').value) } </script> <img src="C:\imagendefecto.jpg" id='img' height="100" width="100"/> <input type='file' name='fileimg' id='fileimg' size='50' onchange='changeImage()'/> <button name='buttonsubmit' id='buttonsubmit' type='submit' onclick="enviar();">Enviar</button> </body>
Saludos y muchas gracias.