Мне, наверное, не хватает чего-то простого, но меня очень раздражает, когда все, что вы читаете, не работает. У меня есть изображения, которые могут многократно дублироваться в течение динамически сгенерированной страницы. Таким образом, очевидная вещь, которую нужно сделать, - это предварительно загрузить его и все время использовать эту переменную в качестве источника.
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]
javascript
image
src
Алексис Вилке
источник
источник
Ответы:
Вы должны установить src, используя это:
document["pic1"].src = searchPic.src;
или
$("#pic1").attr("src", searchPic.src);
источник
Чистый JavaScript для создания
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);
Установить src в
pic1
document["#pic1"].src = searchPic.src;
или с getElementById
document.getElementById("pic1").src= searchPic.src;
j-Query для архивации этого,
$("#pic1").attr("src", searchPic.src);
источник
Экземпляры конструктора изображения не предназначены для использования где-либо. Вы просто устанавливаете
src
, и изображение загружается ... и все, шоу окончено. Вы можете выбросить объект и двигаться дальше.document["pic1"].src = "XXXX/YYYY/search.png";
это то, что вам следует делать. Вы по-прежнему можете использовать конструктор изображения и выполнить второе действие в
onload
обработчике вашегоsearchPic
. Это гарантирует, что изображение будет загружено до того, как вы установитеsrc
на реальныйimg
объект.Вот так:
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 просто принимает строковое значение :-)
источник
Image
предварительном создании . Благодарность!Вам нужно установить
document["pic1"].src = searchPic.src;
Сам searchPic - это ваш Image (), вам нужно прочитать установленный вами src.
источник
Ваше свойство src является объектом, потому что вы устанавливаете элемент src как все изображение, созданное вами в JavaScript.
Пытаться
document["pic1"].src = searchPic.src;
источник
Вот это да! когда вы используете ,
src
тоsrc
изsearchPic
следует использовать также.document["pic1"].src = searchPic.src
выглядит лучше
источник
Если вы используете WinJS, вы можете изменить файл
src
черезUtilities
functions.WinJS.Utilities.id("pic1").setAttribute("src", searchPic.src);
источник