File uploading stuff
This commit is contained in:
parent
a2c9fdcd50
commit
ac1bd586c9
2 changed files with 63 additions and 18 deletions
|
@ -7,6 +7,8 @@
|
|||
let files;
|
||||
let preview;
|
||||
|
||||
let progress = 0;
|
||||
|
||||
function getBase64(image) {
|
||||
const reader = new FileReader();
|
||||
reader.readAsDataURL(image);
|
||||
|
@ -15,19 +17,40 @@
|
|||
uploadFunction(e.target.result);
|
||||
};
|
||||
};
|
||||
async function uploadFunction(imageD) {
|
||||
const imgData = imageD.split(',').pop();
|
||||
|
||||
async function uploadFunction(imgBase64) {
|
||||
const imgData = imgBase64.split(',').pop();
|
||||
var images = [];
|
||||
|
||||
var fData = (new FormData());
|
||||
var fSize = 1024 * 256;
|
||||
|
||||
fData.append('img',imgData);
|
||||
fData.append('extension',fileInput.value.split('.').pop());
|
||||
for (var i = 0; i * fSize < imgData.length + 1; i++) {
|
||||
images.push(imgData.substring(i * fSize, i * fSize + fSize));
|
||||
}
|
||||
|
||||
var rId = (Math.random() + 1).toString(36).substring(7);;
|
||||
var extension = fileInput.value.split('.').pop();
|
||||
|
||||
for (var i = 0; i < images.length; i++) {
|
||||
var fData = (new FormData());
|
||||
|
||||
var image = images[i];
|
||||
|
||||
fData.append('img',image);
|
||||
fData.append('extension',extension);
|
||||
fData.append('last',i == (images.length - 1));
|
||||
fData.append('id',rId);
|
||||
|
||||
form = await fetch(`/api/fileCreate`, {
|
||||
method: 'POST',
|
||||
body: fData
|
||||
}).then(x => x.json());
|
||||
form = await fetch(`/api/fileCreate`, {
|
||||
method: 'POST',
|
||||
body: fData,
|
||||
}).then(x => x.json());
|
||||
|
||||
progress = (i+1) / (images.length);
|
||||
|
||||
await setTimeout(() => new Promise.resolve(),100);
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
@ -42,13 +65,16 @@
|
|||
}
|
||||
</style>
|
||||
|
||||
<form action='/api/postCreate' method='POST' >
|
||||
<form action='#' method='GET' >
|
||||
{#if preview}
|
||||
<img src={preview} alt="Image preview"/>
|
||||
{:else}
|
||||
<img src='/icon_sanifae.svg' alt="Image preview"/>
|
||||
{/if}
|
||||
<input class="hidden" id="file-to-upload" type="file" bind:files bind:this={fileInput} on:change={() => getBase64(files[0])}/>
|
||||
<p>
|
||||
Progress: {progress * 100}%
|
||||
</p>
|
||||
<p>
|
||||
<Button class="upload-btn" clickFunc={ () => fileInput.click() }>Upload</Button>
|
||||
</p>
|
||||
|
|
|
@ -6,7 +6,9 @@ const AUTH_ACTIONS = [
|
|||
'vote'
|
||||
];
|
||||
|
||||
const fileSizeLimit = 1024*1024*5;
|
||||
const fileSizeLimit = 1024*1024*16;
|
||||
|
||||
var ridArray = {};
|
||||
|
||||
import sqlite3 from 'sqlite3'
|
||||
import { open } from 'sqlite'
|
||||
|
@ -132,6 +134,8 @@ backend.login = async ({user, pass, cookies}) => {
|
|||
}
|
||||
|
||||
backend.postCreate = async ({content, user}) => {
|
||||
if (!content) return {'success': 'No post provided.'}
|
||||
|
||||
var lengthCheck = checkLength(content,'Post content',1,10240);
|
||||
|
||||
if (lengthCheck)
|
||||
|
@ -247,20 +251,35 @@ backend.token = async ({cookies}) => {
|
|||
return {data: existingAccounts[0].username};
|
||||
}
|
||||
|
||||
backend.fileCreate = async({img, extension}) => {
|
||||
const imgHash = createHash('md5').update(img).digest('hex');
|
||||
backend.fileCreate = async({img, extension,id, last }) => {
|
||||
if (ridArray[id] !== '' && !(ridArray[id])) {
|
||||
ridArray[id] = img;
|
||||
} else {
|
||||
ridArray[id] += img;
|
||||
}
|
||||
|
||||
let lengthCheck = checkLength(img,'Image',fileSizeLimit);
|
||||
const imgData = ridArray[id];
|
||||
|
||||
if (lengthCheck)
|
||||
return lengthCheck;
|
||||
if (last != 'true') {
|
||||
return {'success': 'Image still proccessing...'}
|
||||
} else {
|
||||
ridArray[id] = false;
|
||||
}
|
||||
|
||||
const extensionSafe = extension.replace(/(\s+)/g, '\\$1');
|
||||
const imgHash = createHash('md5').update(imgData).digest('hex');
|
||||
|
||||
if (extensionSafe != 'png' && extensionSafe != 'jpg' && extensionSafe != 'svg' || extensionSafe != 'gif')
|
||||
if (!imgHash)
|
||||
return {'success': 'Image not provided.'}
|
||||
|
||||
if (imgHash.length > fileSizeLimit)
|
||||
return {'success': 'Image too big.'}
|
||||
|
||||
const extensionSafe = extension.replace(/[^a-zA-Z]+/g, '\\$1');
|
||||
|
||||
if (extensionSafe != 'png' && extensionSafe != 'jpg' && extensionSafe != 'svg' && extensionSafe != 'gif')
|
||||
return { success: 'Illegal file extension.' };
|
||||
|
||||
writeFile(`${process.cwd()}/db/post-${imgHash}.${extensionSafe}`,img,{encoding: 'base64'});
|
||||
writeFile(`${process.cwd()}/db/post-${imgHash}.${extensionSafe}`,imgData,{encoding: 'base64'});
|
||||
|
||||
return { success: 'Successfully uploaded file.', 'href': `/img/${imgHash}.${extensionSafe}`};
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue