Upload File into specified folder
This commit is contained in:
parent
86d49e5f20
commit
588830a74e
9 changed files with 112 additions and 26 deletions
64
motorradig/public/js/app.js
vendored
64
motorradig/public/js/app.js
vendored
|
|
@ -2142,6 +2142,11 @@ __webpack_require__.r(__webpack_exports__);
|
|||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
|
||||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||||
|
|
@ -2154,14 +2159,18 @@ __webpack_require__.r(__webpack_exports__);
|
|||
editor: new tiptap__WEBPACK_IMPORTED_MODULE_0__["Editor"]({
|
||||
extensions: [new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Blockquote"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["BulletList"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["CodeBlock"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["HardBreak"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Heading"]({
|
||||
levels: [1, 2, 3]
|
||||
}), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["HorizontalRule"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["ListItem"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["OrderedList"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["TodoItem"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["TodoList"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Link"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Bold"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Code"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Italic"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Strike"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Underline"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["History"]()],
|
||||
content: this.$store.state.page_content
|
||||
})
|
||||
}), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["HorizontalRule"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["ListItem"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["OrderedList"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["TodoItem"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["TodoList"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Link"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Bold"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Code"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Italic"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Strike"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["Underline"](), new tiptap_extensions__WEBPACK_IMPORTED_MODULE_1__["History"]()]
|
||||
}),
|
||||
//folders: this.$store.state.folders
|
||||
folders: ['Folder1', 'Folder2']
|
||||
};
|
||||
},
|
||||
beforeDestroy: function beforeDestroy() {
|
||||
this.editor.destroy();
|
||||
},
|
||||
created: function created() {
|
||||
this.loadFolders();
|
||||
},
|
||||
methods: {
|
||||
showContent: function showContent() {
|
||||
console.log(">>"); //console.log(this.editor.view.dom.innerText);
|
||||
|
|
@ -2187,13 +2196,15 @@ __webpack_require__.r(__webpack_exports__);
|
|||
_this.$router.push("/");
|
||||
});
|
||||
},
|
||||
onFileSelected: function onFileSelected(event) {
|
||||
uploadFile: function 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;
|
||||
var 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: {
|
||||
'Authorization': 'Bearer ' + this.$store.state.user_token,
|
||||
|
|
@ -2214,8 +2225,28 @@ __webpack_require__.r(__webpack_exports__);
|
|||
'Content-Type': 'multipart/form-data'
|
||||
}
|
||||
}).then(function (res) {
|
||||
console.log(res);
|
||||
console.log(res.data);
|
||||
loadFolders();
|
||||
});
|
||||
},
|
||||
loadFolders: function loadFolders() {
|
||||
var _this2 = this;
|
||||
|
||||
console.log("Requesting folders");
|
||||
axios.post('http://localhost:8000/api/v1/auth/get_folders', {}, {
|
||||
headers: {
|
||||
'Authorization': 'Bearer ' + this.$store.state.user_token
|
||||
}
|
||||
}).then(function (res) {
|
||||
console.log("Receiving folders");
|
||||
console.log(res.data.folders);
|
||||
_this2.$store.state.folders = res.data.folders;
|
||||
});
|
||||
},
|
||||
newFolderSelected: function newFolderSelected(event) {
|
||||
console.log("New Folder selected:");
|
||||
console.log(event.target.value);
|
||||
this.$store.state.selectedFolder = event.target.value;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -31692,7 +31723,7 @@ var render = function() {
|
|||
_vm._v(" "),
|
||||
_c("input", {
|
||||
attrs: { name: "filename", type: "file" },
|
||||
on: { change: _vm.onFileSelected }
|
||||
on: { change: _vm.uploadFile }
|
||||
})
|
||||
])
|
||||
]),
|
||||
|
|
@ -31705,6 +31736,19 @@ var render = function() {
|
|||
on: { change: _vm.createFolderRequest }
|
||||
}),
|
||||
_c("button", [_vm._v("Neuen Ordner erzeugen")])
|
||||
]),
|
||||
_vm._v(" "),
|
||||
_c("form", [
|
||||
_c("label", [_vm._v("Ordner wählen:")]),
|
||||
_vm._v(" "),
|
||||
_c(
|
||||
"select",
|
||||
{ on: { change: _vm.newFolderSelected } },
|
||||
_vm._l(this.$store.state.folders, function(folder) {
|
||||
return _c("option", [_vm._v(_vm._s(folder))])
|
||||
}),
|
||||
0
|
||||
)
|
||||
])
|
||||
],
|
||||
1
|
||||
|
|
@ -48722,7 +48766,9 @@ var store = new vuex__WEBPACK_IMPORTED_MODULE_1__["default"].Store({
|
|||
user_token: {},
|
||||
page_name: 'main',
|
||||
page_content: '<h1 style="font-align:center;">Placeholder</h1>',
|
||||
userlist: {}
|
||||
userlist: {},
|
||||
folders: {},
|
||||
selectedFolder: "default"
|
||||
}
|
||||
});
|
||||
|
||||
|
|
@ -49160,8 +49206,8 @@ __webpack_require__.r(__webpack_exports__);
|
|||
/*! no static exports found */
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
__webpack_require__(/*! /mnt/d/repos/motorradig/motorradig/resources/js/app.js */"./resources/js/app.js");
|
||||
module.exports = __webpack_require__(/*! /mnt/d/repos/motorradig/motorradig/resources/sass/app.scss */"./resources/sass/app.scss");
|
||||
__webpack_require__(/*! /Users/tschneider/dev/repo/motorradig/motorradig/resources/js/app.js */"./resources/js/app.js");
|
||||
module.exports = __webpack_require__(/*! /Users/tschneider/dev/repo/motorradig/motorradig/resources/sass/app.scss */"./resources/sass/app.scss");
|
||||
|
||||
|
||||
/***/ })
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue