Как с помощью ajax подгружать картинки?

Question

[Ingernirated]

Подскажите, как подгрузить картинку?

function loadText() {
	var xhttp;
	if (window.XMLHttpRequest) {
		xhttp = new XMLHttpRequest();
	} else {
		xhttp = new ActiveXObject("Microsoft.XMLHTTP");
	}
	xhttp.onreadystatechange = function() {
		if (this.readyState == 4 && this.status == 200) {
			var img = new Image();
			img.src = "car.png";
			document.querySelector(".div").appendChild(document.createElement("img"));
		}
	}
	xhttp.open("GET", "car.png", true);
	xhttp.send();
}

Answer 1

[Kovalsky]

Тут рассказывают.
Вкратце - ajax для этого не нужен.

Comments

[Ingernirated]

а есть на чистом js код?

[Kovalsky]

Ingernirated, создаёте img с нужным src, по загрузке проверяете правильно ли она загрузилась (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0, если правильно то кладёте куда надо.

Answer 2

[timfcsm]

var img = new Image();
img.src = "car.png";
document.querySelector(".div").appendChild(img);

а то вы сначала создали картинку, присвоили ей src, а в документ уже кладете другую

Comments

[Ingernirated]

оно создает, а не подгружает временно (

[timfcsm]

Ingernirated: кто оно? я написал только кусок, который нужно исправить.. остальное оставить надо как есть

[Ingernirated]

timfcsm: я тебя понял, только ту строку и поменял, но функция начинает выдавать кучу символов вместо картинки, а сама картинка появляется уже даже в других подгрузках, причем с каждым исполнение, добавляет ещё одну картинку

[timfcsm]

Ingernirated: весь код можешь показать? где ты эту функцию вызываешь?

[Ingernirated]

Хотя Достоевский отрицал предъявленные ему обвинения, суд признал его «одним из важнейших преступников»[67][68] за чтение и «за недонесение о распространении преступного о .


function loadText() {
var xhttp;
if (window.XMLHttpRequest) {
xhttp = new XMLHttpRequest();
} else {
xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.querySelector(".p").innerHTML = this.responseText;
var img = new Image();
img.src = "car.png";
document.querySelector(".div").appendChild(img);
}
}
xhttp.open("GET", "car.png", true);
xhttp.send();

[Ingernirated]

doctype html>
html>
head>
meta charset="utf-8">
title>Sev Crew

/head>
body>
div class="buttons">
Ice
Snow
Rain
div>
div class="div">

Хотя Достоевский отрицал предъявленные ему обвинения, суд признал его «одним из

div>
script type="text/javascript" src="js.js">
body>
html>