2021-10-31 15:44:04 +00:00
|
|
|
<head>
|
2021-11-06 11:30:23 +00:00
|
|
|
<script src="https://cdn.jsdelivr.net/npm/marked@3.0.7/marked.min.js"></script>
|
2021-10-31 15:44:04 +00:00
|
|
|
<script>
|
|
|
|
|
function absFile(url) {
|
|
|
|
|
this.name=url;
|
|
|
|
|
this.slice = async(offset, length) =>{
|
|
|
|
|
const headers = new Headers();
|
|
|
|
|
headers.append('range', 'bytes=' + offset + '-' + ( offset + length -1).toString());
|
|
|
|
|
|
|
|
|
|
const opts = {
|
|
|
|
|
credentials: 'include',
|
|
|
|
|
headers : headers
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const resp = await fetch( this.name, opts );
|
|
|
|
|
return await resp.arrayBuffer();
|
|
|
|
|
//alert(JSON.stringify(resp.headers));
|
|
|
|
|
//return await resp.text();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var url;
|
|
|
|
|
var page = 1;
|
|
|
|
|
var blocksize = 1024;
|
2021-11-06 11:30:23 +00:00
|
|
|
var extrasize = 1024; //extrasize should <= blocksize
|
2021-10-31 15:44:04 +00:00
|
|
|
var file;
|
|
|
|
|
function loadSlice(){
|
|
|
|
|
let lhash = location.hash;
|
|
|
|
|
if(lhash)
|
|
|
|
|
page = parseInt(lhash.substring(6),10);
|
|
|
|
|
file.slice(blocksize*(page-1),blocksize+extrasize).then((buffer)=>{
|
|
|
|
|
let u8 = new Uint8Array(buffer);
|
|
|
|
|
let iStart = 0;
|
|
|
|
|
if(1!=page){
|
2021-11-06 11:30:23 +00:00
|
|
|
for(let i=1;i<extrasize;i=i+2){
|
|
|
|
|
if(10==u8[i] && 10==u8[i-1]) {
|
|
|
|
|
iStart = i+1;
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
let iEnd = blocksize;
|
|
|
|
|
for(let i=blocksize+1;i<blocksize+extrasize;i=i+2){
|
|
|
|
|
if(10==u8[i] && 10==u8[i-1]) {
|
|
|
|
|
iEnd = i+1;
|
|
|
|
|
break;
|
|
|
|
|
}
|
2021-10-31 15:44:04 +00:00
|
|
|
}
|
|
|
|
|
document.body.innerHTML = marked(new TextDecoder().decode(u8.slice(iStart,iEnd)));
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
window.addEventListener('hashchange',loadSlice);
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<script>
|
|
|
|
|
//?url=#page=
|
|
|
|
|
file = new absFile(location.search.substring(5));
|
|
|
|
|
//let viewElement = document.querySelector("#viewer");
|
|
|
|
|
loadSlice();
|
|
|
|
|
</script>
|
|
|
|
|
<body>
|
