javascript - 用于在 URL 输入文本框时显示图像的 Javascript 或 JQuery

Question

有没有人有 Javascript 或 JQuery 的示例，它会根据在 html 页面上的文本框中输入的 URL 自动显示图像？

谢谢。

Answer 1

这有关于元素 ID 的假设，但是按照您的要求...

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

它假定您有一个 ID 为 的输入和一个 ID 为textbox的图像image。一旦您在文本框中输入完毕并离开，图像将加载您输入的 URL（只要它是有效图像）。

Answer 2

尝试使用这样的东西：（wokring codepan）

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

blur这将在您离开输入（事件）的第二秒将图像添加到页面。keyup如果您愿意，可以将其更改为。