Aquí te explicaré como usar
para mostrar la imagen basada en la URL ingresada en el cuadro de texto con ejemplo o
mostrar imagen basada en URL con ejemplo o
obtener imágenes dentro de div con ejemplo o
mostrar la imagen cuando se ingresa la URL de la imagen en el cuadro de texto con ejemplo o
Mostrar imagen con URL ingresada en el ejemplo de cuadro de texto. En
al agregar propiedades de atributo a los elementos de la imagen, podemos mostrar fácilmente la imagen en función de la URL ingresada en el cuadro de texto según nuestros requisitos.
:
En artículos anteriores, expliqué que jQuery obtiene todas las URL de imagen dentro del ejemplo de div, jQuery muestra el contenido en el desplazamiento de la imagen con el ejemplo, jQuery autocompleta el texto coincidente de resaltado en los resultados de búsqueda, jQuery muestra / oculta el elemento div en el desplazamiento con el ejemplo
jQuery cambia el color de fondo del cuadro de texto en el ejemplo de enfoque / desenfoque
y muchos artículos relacionados con
AngularJS
,
jQuery, JavaScript y asp.net
. Ahora te explicaré como usar
para mostrar la imagen basada en la URL del cuadro de texto ingresada
En jQuery para mostrar la imagen basada en la URL de la imagen ingresada en el cuadro de texto, debemos escribir el código como se muestra a continuación
|
<texto escribe= «texto / javascript»>
PSfunción () {
PS‘#btnShow’).hacer clic(función () {
PS«#imgTest») .attr («src»PS«#txtUrl») .val ());
})
})
texto>
|
Si desea un ejemplo completo para mostrar la imagen basada en la URL de la imagen ingresada en el cuadro de texto, debemos escribir el código como se muestra a continuación
|
<html>
<cabeza>
<título>
jquery muestra la imagen de la URL ingresada en el cuadro de texto
<texto escribe= «texto / javascript» src= «http://code.jquery.com/jquery-1.10.2.js»> texto>
<texto escribe= «texto / javascript»>
PSfunción () {
PS‘#btnShow’).hacer clic(función () {
PS«#imgTest») .attr («src»PS«#txtUrl») .val ());
})
})
texto>
cabeza>
<cuerpo>
<div>
Ingrese la URL de la imagen:<aporte escribe= «texto» identificación= «txtUrl» /> <aporte escribe= «botón» identificación= «btnShow» valor
= «Mostrar imagen»
div> <br />
<img identificación= «imgTest» />
cuerpo>
html>
|
A continuación se muestra el resultado para mostrar o mostrar la imagen según la URL de la imagen ingresada en el cuadro de texto usando jQuery.
.
