Upload image button working

This commit is contained in:
Thaum Rystra
2024-08-29 15:30:13 +02:00
parent 9ce76dcd0c
commit 8eabd16601
4 changed files with 103 additions and 138 deletions

View File

@@ -45,7 +45,7 @@
<script lang="js">
/*
<v-file-input
<v-file-input
v-cloak
ref="input"
v-bind="$attrs"
@@ -114,54 +114,6 @@ export default {
}
},
},
watch: {
file(file){
if (!file) return;
let self = this;
let uploadInstance = UserImages.insert({
file: file,
/*meta: {
userId: Meteor.userId() // Optional, used to check on server for file tampering
},*/
chunkSize: 'dynamic',
allowWebWorkers: true // If you see issues with uploads, change this to false
}, false)
// These are the event functions, don't need most of them, it shows where we are in the process
uploadInstance.on('start', function () {
console.log('Starting');
this.uploadingInProgress = true;
});
uploadInstance.on('end', function (error, fileObj) {
console.log('On end File Object: ', fileObj);
this.uploadingInProgress = false;
});
uploadInstance.on('uploaded', function (error, fileObj) {
console.log('uploaded: ', fileObj);
// Remove the file from the input box
self.file = undefined;
// Reset our state for the next file
self.uploadingInProgress = false;
self.progress = 0;
});
uploadInstance.on('error', function (error, fileObj) {
console.log('Error during upload: ' + error, fileObj)
});
uploadInstance.on('progress', function (progress, fileObj) {
console.log('Upload Percentage: ' + progress, fileObj)
// Update our progress bar
self.progress = progress;
});
uploadInstance.start(); // Must manually start the upload
}
},
methods: {
openImageInputDialog() {
this.$store.commit('pushDialogStack', {