golangtest/web/index.html

80 lines
1.8 KiB
HTML
Raw Normal View History

2019-11-18 23:10:50 +01:00
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
</head>
<body>
<div id="Ordner"></div>
<script src="/misc/jquery.min.js"></script>
<script type="text/javascript">
var ServerAPI="http://127.0.0.1:8000";
$(document).ready(function() {
ShowHomePage();
});
function ShowHomePage() {
$("#Ordner").empty();
2019-11-18 23:10:50 +01:00
$.ajax({
method: "GET",
contentType:'application/json; charset=utf-8',
url: ServerAPI+'/folder/',
2019-11-18 23:10:50 +01:00
dataType: "json",
data: "",
success: function(content){
//http://127.0.0.1:8000/img/2019-11-15/IMG_4186.JPG
for ( var i = 0, l = content.length; i < l; i++ ) {
var ObjInhalt = content[i];
$("#Ordner").append(""+
"<img src=\""+ServerAPI+"/qr/"+ServerAPI+"/dir/"+ObjInhalt+"\" width=150 height=150>"+
"<a href=\"#\" onclick=\"ShowFolderPics('"+ObjInhalt+"')\">"+
ObjInhalt+"</a><hr>");
2019-11-18 23:10:50 +01:00
}
}
});
}
function ShowFolderPics(folder) {
// Ordner div leeren
$("#Ordner").empty();
$("#Ordner").append('<a href="#" onclick=ShowHomePage()>Zurück</a><hr>');
$.ajax({
method: "GET",
contentType:'application/json; charset=utf-8',
url: ServerAPI+'/folder/'+folder,
dataType: "json",
data: "",
success: function(content){
//http://127.0.0.1:8000/img/2019-11-15/IMG_4186.JPG
for ( var i = 0, l = content.length; i < l; i++ ) {
var ObjInhalt = content[i];
$("#Ordner").append(""+
"<img src=\""+ServerAPI+"/thumb/"+folder+"/"+ObjInhalt+"\" width=200>"+
"<a href=\""+ServerAPI+"/img/"+folder+"/"+ObjInhalt+"\">"+
ObjInhalt+"</a><hr>");
}
}
});
}
2019-11-18 23:10:50 +01:00
</script>
</body>
</html>