blob: b8fead5dc7603e5178be8e91a1f60d784d4a124d (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
function build_image_preview () {
var url = window.location.href
var cur = url.split('/')[6];
if (cur) {
var container = document.createElement("div");
container.className = "form-row field-image";
var wrapper = document.createElement("div");
var label = document.createElement("label");
label.textContent = "Image:";
var pwrap = document.createElement("p");
var img = document.createElement("img");
var request = new XMLHttpRequest();
request.open('GET', '/photos/luximage/data/admin/preview/'+cur+'/', true);
request.onload = function() {
if (request.status >= 200 && request.status < 400) {
var data = JSON.parse(request.responseText);
//console.log(data);
img.src = data['url'];
} else {
console.log("server error");
}
};
request.onerror = function() {
console.log("error on request");
};
request.send();
pwrap.appendChild(img);
wrapper.appendChild(label);
wrapper.appendChild(pwrap);
container.appendChild(wrapper);
parent = document.getElementById("luximage_form");
node = parent.children[1].children[0];
node.parentNode.insertBefore(container, node.previousSibling);
} else {
return;
}
}
document.addEventListener("DOMContentLoaded", function(event) {
build_image_preview();
});
|
