torsten/motorradig
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Upload File into specified folder

Browse source
This commit is contained in:
Torsten 2020-02-08 09:28:21 +01:00
parent 86d49e5f20
commit 588830a74e
9 changed files with 112 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

42
motorradig/resources/js/views/Upload.vue
View file

@ -30,7 +30,7 @@
<div>
<form>
<span>UPLOAD:</span>
<input name="filename" type="file" @change="onFileSelected"></input>
<input name="filename" type="file" @change="uploadFile"></input>
</form>
</div>
@ -44,7 +44,12 @@
</div>
<form>
<label>Ordner wählen:</label>
<select @change="newFolderSelected">
<option v-for="folder in this.$store.state.folders">{{ folder }}</option>
</select>
</form>
</div>
</div>
@ -98,14 +103,18 @@
new Strike(),
new Underline(),
new History(),
],
content: this.$store.state.page_content,
]
}),
//folders: this.$store.state.folders
folders: ['Folder1','Folder2']
}
},
beforeDestroy() {
this.editor.destroy()
},
created() {
this.loadFolders();
},
methods: {
showContent() {
@ -131,13 +140,15 @@
}
)
},
onFileSelected(event) {
uploadFile(event) {
console.log("File changed:");
console.log(event.target.files[0].name);
var selectedFile=event.target.files[0];
var selectedFolder = this.$store.state.selectedFolder;
const formData = new FormData();
//formData.append('image',selectedFile,selectedFile.name);
formData.append('image',selectedFile);
formData.append('folder',selectedFolder);
axios.post('http://localhost:8000/api/v1/auth/upload',formData,{
headers: {
@ -163,8 +174,27 @@
}
})
.then(res=>{
console.log(res);
console.log(res.data);
loadFolders();
})
},
loadFolders() {
console.log("Requesting folders");
axios.post('http://localhost:8000/api/v1/auth/get_folders',{},{
headers: {
'Authorization': 'Bearer ' + this.$store.state.user_token
}
})
.then(res=>{
console.log("Receiving folders");
console.log(res.data.folders);
this.$store.state.folders=res.data.folders;
})
},
newFolderSelected(event) {
console.log("New Folder selected:");
console.log(event.target.value);
this.$store.state.selectedFolder=event.target.value;
}
}
}