Javascript или JQuery для показа изображения при вводе URL-адреса в текстовое поле

Вопрос:

Есть ли у кого-нибудь пример Javascript или JQuery, который будет автоматически показывать изображение на основе URL-адреса, введенного в текстовое поле на странице html?

Благодарю.

Лучший ответ:

Это имеет предположения об идентификаторах элементов, но делает то, что вы просите…

$(function() {
  $("#textbox").on("change", function() {
    $("#image").prop("src", $(this).val());
  });
});

Предполагается, что у вас есть ввод с идентификатором textbox поля и изображением с идентификатором image. Как только вы закончите вводить текстовое поле и оставьте его, изображение загрузит введенный вами URL (если это действительное изображение).

Ответ №1

Попробуйте использовать что-то вроде этого: (wokring codepan)

$(function(){
$('input').blur(function(){
$('#container').html('<img alt="" src="'+$(this).val()+'">');
});
})

Это добавит изображение на страницу, после чего вы покинете вход (событие blur). Вы можете изменить его на keyup если хотите.

Оцените статью
TechArks.Ru
Добавить комментарий