改变<img />image对象

Change <img /> image with JavaScript Image object

本文关键字：image 对象 img 改变      更新时间：2023-09-26

我有一个JavaScript图像对象，我用jQuery动态加载。

我想做的是将<img />图像更改为存储在Image对象上的图像。我该怎么做呢?

注意:我想避免改变我的<img />标签的来源，因为它再次从服务器下载，我已经有图像存储在我的图像对象

你是说

$('#imageToChange').replaceWith(imageObject)

?

新建图像对象:

var Image_off = new Image();
Image_off.src = 'first.jpg';

imagessrc使用jQuery更改:

$("#my_image").attr("src",Image_off.src);

使用jQuery…让这两个图像都已经在您的页面上，并根据逻辑条件显示或隐藏其中一个。

在javascript内存中创建新图像，然后将其附加在原始图像之后，然后删除原始图像。您可能也希望在删除它之前缓存它，以防您想重新使用它。

html 

<img id="replace" />

js 

var img = new Image();
img.src = "someUri.png";
$("#replace").after(img);
$("#replace").remove();
相关文章：