0

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"> }

introducir la descripción de la imagen aquí

Mi pregunta es como puedo mostrar la imagen introducir la descripción de la imagen aquí

2
  • 2
    Hola Enmanuel , sería genial que añadieras el código en formato texto y no con imágenes. ¿Donde desea mostrar la imagen? en una etiqueta img?
    – Dev. Joel
    Commented el 1 oct. 2017 a las 5:32
  • 2
    Hola Enmanuel, bienvenido a Stack Overflow en español. Te recomiendo que completes el recorrido de bienvenida para aprender cómo funciona el sitio en general, y que leas Cómo preguntar donde encontrarás consejos para mejorar tu pregunta. Por ejemplo, el código debería estar copiado en texto y no como imagen (el contenido de las imágenes no se indexa y no puede ser buscado o leído por algunos usuarios), sería ideal que crearas un ejemplo mínimo verificable para poder ver el problema exacto, y además deberías incluir algo más de información (¿dónde quieres mostrar la imagen? ¿por qué no puedes mostrarla? ¿recibes algún error?)
    – Alvaro Montoro
    Commented el 1 oct. 2017 a las 12:59

1 respuesta 1

1

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 !

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.