[英]Javascript set img src
我可能遗漏了一些简单的东西,但是当您阅读的所有内容都不起作用时,这很烦人。 我的图像可能会在动态生成的页面过程中多次复制。 所以显而易见的事情是预加载它并始终使用该变量作为源。
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]
您应该使用以下方法设置 src:
document["pic1"].src = searchPic.src;
或者
$("#pic1").attr("src", searchPic.src);
img
标签并手动add attributes
,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
设置 srcdocument["#pic1"].src = searchPic.src;
或使用 getElementById
document.getElementById("pic1").src= searchPic.src;
$("#pic1").attr("src", searchPic.src);
图像构造函数的实例不打算在任何地方使用。 您只需设置src
,然后图像预加载......就这样,显示结束。 您可以丢弃该对象并继续前进。
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
}
此外,解决此问题的一种方法是使用document.createElement
并创建您的 html img并像这样设置其属性。
var image = document.createElement("img");
var imageParent = document.getElementById("Id of HTML element to append the img");
image.id = "Id";
image.className = "class";
image.src = searchPic.src;
imageParent.appendChild(image);
备注:有一点是 Javascript 社区现在鼓励开发人员使用文档选择器,例如querySelector
、 getElementById
和getElementsByClassName
而不是 document["pic1"]。
document["pic1"].src = searchPic.src
应该管用
你不需要构建一个全新的图像...... src 属性只需要一个字符串值 :-)
你需要设置
document["pic1"].src = searchPic.src;
searchPic 本身就是你的 Image(),你需要读取你设置的 src。
您的 src 属性是一个对象,因为您将 src 元素设置为您在 JavaScript 中创建的整个图像。
尝试
document["pic1"].src = searchPic.src;
哇! 当您使用src
时, searchPic
必须使用searchPic
src
。
document["pic1"].src = searchPic.src
看起来更好
如果您使用的是WinJS,您可以通过Utilities
函数更改src
。
WinJS.Utilities.id("pic1").setAttribute("src", searchPic.src);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.