Showing
2 changed files
with
60 additions
and
2 deletions
... | @@ -35,6 +35,42 @@ function moveFolder(folderData) { | ... | @@ -35,6 +35,42 @@ function moveFolder(folderData) { |
35 | return axios.post('/api/folder/move', folderData); | 35 | return axios.post('/api/folder/move', folderData); |
36 | } | 36 | } |
37 | 37 | ||
38 | +function file(curData){ | ||
39 | + return axios.get('/api/file', { | ||
40 | + params: { | ||
41 | + id: curData.id, | ||
42 | + cur: curData.cur | ||
43 | + } | ||
44 | + }); | ||
45 | +} | ||
46 | + | ||
47 | + | ||
48 | +function uploadFile(fileData){ | ||
49 | + return axios.post('/api/file/upload', fileData); | ||
50 | +} | ||
51 | + | ||
52 | +function deleteFile(fileData){ | ||
53 | + return axios.get('/api/file/delete', { | ||
54 | + params:{ | ||
55 | + //현재 접속한 사람의 id와 삭제할 파일의 이름, 현재 폴더위치를 파라미터로 넘긴다. | ||
56 | + id: fileData.id, | ||
57 | + name: fileData.fileName, | ||
58 | + cur: fileData.cur | ||
59 | + } | ||
60 | + }); | ||
61 | +} | ||
62 | +function downloadFile(fileData){ | ||
63 | + return axios.get('api/file/download', { | ||
64 | + params:{ | ||
65 | + //현재 접속한 사람의 id와 다운로드를 위해 선택한 파일의 이름을 파라미터로 넘긴다. | ||
66 | + id: fileData.id, | ||
67 | + name: fileData.fileName, | ||
68 | + cur: fileData.cur | ||
69 | + } | ||
70 | + }); | ||
71 | +} | ||
72 | + | ||
38 | 73 | ||
39 | 74 | ||
40 | -export { registerUser, loginUser, folder, makeFolder, deleteFolder, moveFolder }; | 75 | +export { registerUser, loginUser, folder, makeFolder, deleteFolder, moveFolder, |
76 | + file, uploadFile, deleteFile, downloadFile }; | ... | ... |
... | @@ -134,7 +134,9 @@ | ... | @@ -134,7 +134,9 @@ |
134 | +{{ files.length - 2 }} File(s) | 134 | +{{ files.length - 2 }} File(s) |
135 | </span> | 135 | </span> |
136 | </template> | 136 | </template> |
137 | + | ||
137 | </v-file-input> | 138 | </v-file-input> |
139 | + <v-btn color="blue" @click = "upload_file">upload</v-btn> | ||
138 | <v-btn | 140 | <v-btn |
139 | bottom | 141 | bottom |
140 | color="blue" | 142 | color="blue" |
... | @@ -177,7 +179,7 @@ | ... | @@ -177,7 +179,7 @@ |
177 | </div> | 179 | </div> |
178 | </template> | 180 | </template> |
179 | <script> | 181 | <script> |
180 | -import { folder, makeFolder, deleteFolder, moveFolder } from '../api/index'; | 182 | +import { folder, makeFolder, deleteFolder, moveFolder, file, uploadFile, deleteFile, downloadFile } from '../api/index'; |
181 | import Axios from 'axios'; | 183 | import Axios from 'axios'; |
182 | export default { | 184 | export default { |
183 | data() { | 185 | data() { |
... | @@ -204,11 +206,14 @@ import Axios from 'axios'; | ... | @@ -204,11 +206,14 @@ import Axios from 'axios'; |
204 | cur: '/' | 206 | cur: '/' |
205 | } | 207 | } |
206 | const response = await folder(curData); | 208 | const response = await folder(curData); |
209 | + const file_response = await file(curData); | ||
207 | console.log(response.data); | 210 | console.log(response.data); |
208 | this.$store.commit('setFolder', response.data.folders); | 211 | this.$store.commit('setFolder', response.data.folders); |
209 | this.$store.commit('setCur', response.data.cur); | 212 | this.$store.commit('setCur', response.data.cur); |
210 | this.$store.commit('setParent', response.data.parentPath); | 213 | this.$store.commit('setParent', response.data.parentPath); |
211 | this.folders = this.$store.getters.folderL; | 214 | this.folders = this.$store.getters.folderL; |
215 | + this.$store.commit('setFile', file_response.data.files); | ||
216 | + this.files = this.$store.getters.fileL; | ||
212 | } catch (error) { | 217 | } catch (error) { |
213 | console.log("에러"); | 218 | console.log("에러"); |
214 | console.log(error.response.data); | 219 | console.log(error.response.data); |
... | @@ -316,6 +321,23 @@ import Axios from 'axios'; | ... | @@ -316,6 +321,23 @@ import Axios from 'axios'; |
316 | this.dialog2 = false; | 321 | this.dialog2 = false; |
317 | } | 322 | } |
318 | }, | 323 | }, |
324 | + async upload_file(){ | ||
325 | + try{ | ||
326 | + const fileData={ | ||
327 | + file: this.files, | ||
328 | + user_id: this.$store.state.id, | ||
329 | + cur: this.$store.state.cur | ||
330 | + } | ||
331 | + const response = await uploadFile(fileData); | ||
332 | + const filelist = await file(fileData.user_id); | ||
333 | + console.log(response.message); | ||
334 | + this.$store.commit('setFile', filelist.data.files); | ||
335 | + this.files = this.$store.getters.fileL; | ||
336 | + }catch(error){ | ||
337 | + console.log("에러"); | ||
338 | + console.log(error.reponse.err) | ||
339 | + } | ||
340 | + }, | ||
319 | show (folderN, e) { | 341 | show (folderN, e) { |
320 | e.preventDefault() | 342 | e.preventDefault() |
321 | this.curfName = folderN; | 343 | this.curfName = folderN; | ... | ... |
-
Please register or login to post a comment