Buenas Estoy realizando un formulario en HTML con JS y tengo un campo para ingresar una imagen por URL mi idea es que se ingrese con un input type
{ input type="url" placeholder="Ingrese URL de la imagen"> }
Para mostrar la imagen solo debes capturar el valor ingresado en tu input
una vez éste se haya cambiado, eso lo logras con el evento change
, luego debes asignar ese valor al src
de una etiqueta img
, algo así:
$("#url").change(function(){
var url = $(this).val();
$("#imagen").html('<img src="'+ url +'" alt="imagen">')
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="url" placeholder="Ingrese URL de la imagen" id="url">
<div id="imagen"></div>
Espero te sirva, saludos !
img
?