Javascript 更改输入后更改图像

JSFIDLE演示：

每当用户在

input

框中输入

imageurl

时，我想立即将它们附加到图像部分的

img_logo

id中

不确定，关于要处理的

事件

这是我的密码：-

<input type="text" name="org_img" id="org_img" class="input-xlarge" placeholder="http://www.example.com/logo.png" value="<?php echo isset($row['org_img']) ? htmlentities($row['org_img']) :  'http://www.example.com/img/logo.png'; ?>" />

<span class="pull-right" id="img_logo"><img width="300px" height="80px" src="<?php echo isset($row['org_img']) ? htmlentities($row['org_img']) :  'http://www.example.com/img/logo.png'; ?>" /></span>

但这不起作用，需要帮助

谢谢你看看这个

函数isValidImage url（url，回调）{
jQuery（“
function IsValidImageUrl(url, callback) {
    jQuery("<img>", {
        src: url,
        error: function() { callback(1); },
        load: function() { callback(0); }
    });
}



jQuery('#org_img').change(function() {
    var img_name = jQuery('#org_img').val();
    IsValidImageUrl(img_name, function (val){
        if (val == 0)
            jQuery('#img_logo').html('<img src="'+img_name+'" width="300px" height="80px" />');
        if (val == 1)
            alert('Please Provide Valid URL Image');
            jQuery('#img_logo').html('<img src="http://www.example.com/img/logo.png" width="300px" height="80px" />');
    });
});

function IsValidImageUrl(url, callback) {
    jQuery("<img>", {
        src: url,
        error: function() { callback(1,null); },
        load: function() { callback(0,url); }
    });
}

$('#org_img').change(function() {
    var img_name = $(this).val();
    IsValidImageUrl(img_name, function (val,url){
        if (val == 0) {
            $('#image_logo').attr('src',url);
        }
        if (val == 1) {
            alert('Please Provide Valid URL Image');
            $('#image_logo').attr('src',"https://www.google.com/images/srpr/logo11w.png");
        }
    });
});