开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >Javascript集img src

问Javascript集img src
EN

Stack Overflow用户

提问于 2009-08-05 12:00:44

回答 10查看 414.6K关注 0票数 111

我可能遗漏了一些简单的东西，但当你读到的所有东西都不起作用时，这是相当恼人的。我的图片可能会在动态生成的页面过程中被复制很多次。因此，最明显的做法是预加载该变量，并始终使用该变量作为源。

var searchPic;
function LoadImages() {
    searchPic = new Image(100,100);
    searchPic.src = "XXXX/YYYY/search.png";
    // This is correct and the path is correct
}

然后我使用以下命令设置图像

  document["pic1"].src = searchPic;

或

  $("#pic1").attr("src", searchPic);

但是，当我查询图像时，图像从未在FireBug中正确设置，我得到的是[object HTMLImageElement]作为图像的src

在IE中，我得到：

http://localhost:8080/work/Sandbox/jpmetrix/[object]

EN

回答 10

Stack Overflow用户

发布于 2009-08-05 12:03:01

您应该使用以下命令设置src：

document["pic1"].src = searchPic.src;

或

$("#pic1").attr("src", searchPic.src);

票数 107

EN

Stack Overflow用户

发布于 2014-06-19 19:17:18

手动创建img标签和add attributes的纯JavaScript，

var image = document.createElement("img");
var imageParent = document.getElementById("body");
image.id = "id";
image.className = "class";
image.src = searchPic.src;            // image.src = "IMAGE URL/PATH"
imageParent.appendChild(image);

在pic1中设置源

document["#pic1"].src = searchPic.src;

或使用getElementById

document.getElementById("pic1").src= searchPic.src;

j-Query将其存档，

$("#pic1").attr("src", searchPic.src);

票数 67

EN

Stack Overflow用户

发布于 2009-08-05 12:04:23

图像构造函数的实例不能在任何地方使用。您只需设置src，图像preloads...and就是它，显示结束。您可以丢弃该对象并继续操作。

document["pic1"].src = "XXXX/YYYY/search.png";

才是你应该做的。您仍然可以使用图像构造函数，并在searchPic的onload处理程序中执行第二个操作。这可确保在实际img对象上设置src之前加载图像。

如下所示：

function LoadImages() {
    searchPic = new Image();
    searchPic.onload=function () {
        document["pic1"].src = "XXXX/YYYY/search.png";
    }
    searchPic.src = "XXXX/YYYY/search.png"; // This is correct and the path is correct
}

票数 7

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/1232793

复制

相似问题