File uploading stuff

This commit is contained in:
Xodrium 2023-02-10 23:44:25 -05:00
parent a2c9fdcd50
commit ac1bd586c9
2 changed files with 63 additions and 18 deletions

View file

@ -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 fSize = 1024 * 256;
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());
fData.append('img',imgData);
fData.append('extension',fileInput.value.split('.').pop());
var image = images[i];
fData.append('img',image);
fData.append('extension',extension);
fData.append('last',i == (images.length - 1));
fData.append('id',rId);
method: 'POST',
form = await fetch(`/api/fileCreate`, {
method: 'POST',
body: fData
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>

View file

@ -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}`};
}