通过urljquery添加新的图像对象

add new image object via url jquery

本文关键字：图像 对象 urljquery 添加 通过      更新时间：2023-09-26

我正在尝试在jquery中创建一个新的图像对象。我有图像src，我希望动态创建图像对象。我知道我可以用这种方式有一个新的图像：

$image = new Image();

但我想做的是替换，这样我就不需要从头开始的新图像了。上面的代码在我的控制台中显示了这样的内容：

<img src="url_of_image">

如何使用src-url而不是创建新对象来创建图像？我尝试了以下语法，但不起作用：

var img = '<img src='+new_url+'';
var img = $('<img src='+new_url+'');

知道吗？？？

我补充道：

    var new_url = url;
    var img = new RImage(new_url);
    console.log(img);
    img.onload = function() {
    var img_w_original=this.width;
    var img_h_original=this.height;
    img_w=img_w_original;img_h=img_h_original;
    img_ratio=img_w/img_h;
}
if (banner_ratio>=1)
        {
        if (banner_ratio<=img_ratio)
            {
            img_w=banner.width;
            img_h=Math.round(img_w/img_ratio);
            }else{
            img_h=banner.height;
            img_w=Math.round(img_h*img_ratio);
            }
        }else{
        if (banner_ratio<=img_ratio)
            {
            img_w=banner.width;
            img_h=Math.round(img_w/img_ratio);
            }else{
            img_h=banner.height;
            img_w=Math.round(img_h*img_ratio);
            }
        }

我拿不到img_w和img_h。。为什么？

最后一个就快到了

var img = $('<img />', {src : new_url});

现在您所要做的就是将它插入到DOM的某个位置！

function Image(path, width, height, target) {
    $('<img src="'+ path +'">').load(function() {
        $(this).width(width).height(height).appendTo(target);
    });
}
相关文章：