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

Javascript or JQuery for showing an image when URL entered into textbox

本文关键字：文本 显示 图像 显示图 输入 URL JQuery 用于 Javascript      更新时间：2023-09-26

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

谢谢。

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

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

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

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

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

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

相关文章：