DIR : /home/kozerus/public_html/getheaders.html
/home/kozerus/public_html
<html>
<head>
<title>getheaders 20200813_1915</title>
<script id="script_getheaders" >
function getheaders() {
var req = new XMLHttpRequest();
req.open('GET', document.location, false);
req.send(null);
// associate array to store all values
var data = new Object();
// get all headers in one call and parse each item
var headers = req.getAllResponseHeaders().toLowerCase();
var aHeaders = headers.split('\n');
var i =0;
for (i= 0; i < aHeaders.length; i++) {
var thisItem = aHeaders[i];
var key = thisItem.substring(0, thisItem.indexOf(':'));
var value = thisItem.substring(thisItem.indexOf(':')+1);
data[key] = value;
}
// get referer
var referer = document.referrer;
data["Referer"] = referer;
//get useragent
var useragent = navigator.userAgent;
data["UserAgent"] = useragent;
//extra code to display the values in html
var display = "";
for(var key in data) {
if (key != "") display += "<b>" + key + "</b> : " + data[key] + "<br>";
}
if( document.getElementById("div_dump")) {
document.getElementById("div_dump").innerHTML = display;
}
}
</script>
</head>
<body bgcolor=linen onload="getheaders();return false;" >
<hr color=goldenrod>
<h1>getheaders</h1>
<br>
<hr color=goldenrod>
<img src="/ko.png" alt="xhr_send" onclick="headers('');alert('ok'); return false;" height=50 >
       
<img src="/ko.png" alt="xhr_send" onclick="xhr_send('');alert('ok'); return false;" height=50 >
<hr color=goldenrod>
<br>
<hr color=goldenrod>
<div id="div_dump"><h2>div_dump</h2></div>
<hr color=goldenrod>
<script id="script_headers" >
function headers(args) {
alert( "BUGS_601 headers args="+args );
var myHeaders = new Headers();
// myHeaders.append('Content-Type', 'image/jpeg');
myHeaders.append('Content-Type', 'image/png');
alert( "BUGS_602 headers myHeaders="+myHeaders );
// var myInit = {
// method: 'GET',
// headers: myHeaders,
// mode: 'cors',
// cache: 'default'
// };
var myInit = {
method: 'POST',
headers: myHeaders,
mode: 'cors',
cache: 'default'
};
alert( "BUGS_603 headers myInit="+myInit );
var myRequest = new Request('/ko.png', myInit);
// myContentType = myRequest.headers.get('Content-Type'); // returns 'image/jpeg'
myContentType = myRequest.headers.send('Content-Type'); // returns 'image/jpeg'
alert( "BUGS_604 headers myContentType="+myContentType );
}
</script>
<script id="script_xhr_send" >
function xhr_send( args ) {
alert( "BUGS_601 xhr_send args="+args );
var xhr = new XMLHttpRequest();
// xhr.open("POST", '/server', true);
// xhr.open("POST", '/ko.png', true);
alert( "BUGS_602 xhr_send args="+args );
//Send the proper header information along with the request
// xhr.setRequestHeader("Content-Type", "image/png");
// xhr.setRequestHeader("Content-Type", "image/jpeg");
// xhr.setRequestHeader("Content-Type", "image/tiff");
// xhr.setRequestHeader("Content-Type: application/json");
// xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.setRequestHeader("Content-Type", "text/html");
alert( "BUGS_603 xhr_send args="+args );
xhr.onreadystatechange = function() { // Call a function when the state changes.
if (this.readyState === XMLHttpRequest.DONE && this.status === 200) {
// Request finished. Do processing here.
htmout='';
htmout='<img src="'+img+'" alt="'+img+'" onclick="window.open(\''+img+'\'); return false" height=100% border=0>';
}
}
// xhr.send("foo=bar&lorem=ipsum");
// xhr.send(new Int8Array());
// xhr.send(document);
xhr.send(htmout);
}
</script>
</body>
</html>
//
koh5_pano
Drag mouse to navigate.
Navigation
- Left/Right Mouse drag: Changes camera heading.
- Up/Sown Mouse drag: Changes camera pitch.
- Scroll wheel: Changes camera field of view.
- I-Key: Displays Info panel with canvas size, image size and FPS.
17.Aug.2010, Martin Wengenmayer