65 lines
1.8 KiB
HTML
65 lines
1.8 KiB
HTML
<html>
|
|
<head>
|
|
<title>CDN TEST - %%LOCATION%%</title>
|
|
</head>
|
|
<body>
|
|
<h1>STATIC</h1>
|
|
<p>
|
|
direct:
|
|
<img height="128" src="static/gopher_profilovka.png" alt="unavailable"/>
|
|
</p>
|
|
<p>
|
|
cdn:
|
|
<img height="128" src="https://static.cdn.zerops.app/%%DOMAIN%%/static/gopher_profilovka.png" alt="unavailable"/>
|
|
</p>
|
|
<p>
|
|
cdn (au):
|
|
<img height="128" src="https://au-static.cdn.zerops.app/%%DOMAIN%%/static/gopher_profilovka.png" alt="unavailable"/>
|
|
</p>
|
|
<p>
|
|
fetch cdn:
|
|
<div id="image-container"></div>
|
|
</p>
|
|
|
|
<hr/>
|
|
|
|
<h1>STORAGE</h1>
|
|
<p>
|
|
direct:
|
|
<img height="128" src="https://%%STORAGE_HOST%%/%%STORAGE_BUCKET%%/%%STORAGE_OBJECT%%" alt="unavailable"/>
|
|
</p>
|
|
<p>
|
|
cdn:
|
|
<img height="128" src="https://storage.cdn.zerops.app/%%LOCATION%%/%%STORAGE_BUCKET%%/%%STORAGE_OBJECT%%" alt="unavailable"/>
|
|
</p>
|
|
<p>
|
|
cdn (legacy without location prefix):
|
|
<img height="128" src="https://storage.cdn.zerops.app/%%STORAGE_BUCKET%%/%%STORAGE_OBJECT%%" alt="unavailable"/>
|
|
</p>
|
|
<p>
|
|
cdn (au):
|
|
<img height="128" src="https://au-storage.cdn.zerops.app/%%LOCATION%%/%%STORAGE_BUCKET%%/%%STORAGE_OBJECT%%" alt="unavailable"/>
|
|
</p>
|
|
|
|
<script>
|
|
fetch('https://static.cdn.zerops.app/%%DOMAIN%%/static/gopher_profilovka.png')
|
|
.then(response => response.blob())
|
|
.then(blob => {
|
|
const objectURL = URL.createObjectURL(blob);
|
|
const img = document.createElement('img');
|
|
img.height = 128;
|
|
img.src = objectURL;
|
|
img.alt = 'unavailable'
|
|
document.getElementById('image-container').appendChild(img);
|
|
|
|
img.onload = () => {
|
|
URL.revokeObjectURL(objectURL);
|
|
};
|
|
})
|
|
.catch(error => {
|
|
console.error('Error:', error);
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|