Finished MVP of user file upload

This commit is contained in:
ThaumRystra
2024-09-02 20:56:10 +02:00
parent da0b653582
commit 9af8b734f1
9 changed files with 192 additions and 95 deletions

View File

@@ -1,7 +1,7 @@
<template>
<v-btn
outlined
class="image-upload-button ma-1"
class="image-upload-button"
v-bind="$attrs"
:color="fileUploadError ? 'error' : undefined"
:disabled="uploadingInProgress"
@@ -18,7 +18,7 @@
</template>
<v-progress-linear
v-if="uploadingInProgress"
:value="uploadingInProgress"
:value="progress"
:indeterminate="uploadIndeterminate"
/>
<input
@@ -48,7 +48,10 @@ export default {
let uploadInstance = UserImages.insert({
file: file,
chunkSize: 'dynamic',
allowWebWorkers: true
allowWebWorkers: true,
meta: {
createdAt: new Date(),
},
}, false)
self.uploadingInProgress = true;
@@ -79,7 +82,6 @@ export default {
});
uploadInstance.on('progress', function (progress, fileObj) {
console.log('Upload Percentage: ' + progress, fileObj)
// Update our progress bar with actual progress
self.uploadIndeterminate = false;
self.progress = progress;