diff --git a/src/views/MyPage.vue b/src/views/MyPage.vue index 2ed95cd68128da72f8a5c077425679fd2640c8ea..325bf508d7142b921fa6eab40ddbe734b77e365e 100644 --- a/src/views/MyPage.vue +++ b/src/views/MyPage.vue @@ -65,7 +65,7 @@ </v-card-text> <v-flex xs12 md4> - <v-text-field v-model="PW" label="현재 PW" :type="passwordShow ? 'text' : 'password'" required/> + <v-text-field v-model="PW" label="현재 PW" :type="passwordShow ? 'text' : 'password'" text-align= required/> </v-flex> <v-card-text> diff --git a/src/views/ShowFindPost.vue b/src/views/ShowFindPost.vue index 3741bb224c22f215ae3c5fd545ed16c78308fb3b..517faebf320177403cf6cd7aec15b7e0240b8c0a 100644 --- a/src/views/ShowFindPost.vue +++ b/src/views/ShowFindPost.vue @@ -26,6 +26,7 @@ <v-flex xs12 md4> <strong class="title right" >발견일시: {{findpost.findDate}}</strong> </v-flex> + <img :src="image" id="image"> <v-divider></v-divider> <v-divider></v-divider> @@ -186,6 +187,8 @@ export default { .then((response) => { this.findpost = response.data.board; this.items = this.findpost.comments; + var base64data=Buffer.from(this.findpost.image.data.data,'binary').toString('base64'); + this.image='data:image/jpeg;base64,'+base64data; }); }, data: () => { diff --git a/src/views/ShowLostPost.vue b/src/views/ShowLostPost.vue index 5e7f2fcd3598400c3ec2174e87e18c1272e050b0..e3c3f1fde3dab9a51aa9a876e7989432ac928dc3 100644 --- a/src/views/ShowLostPost.vue +++ b/src/views/ShowLostPost.vue @@ -26,6 +26,7 @@ <v-flex xs12 md4> <strong class="title right" >실종일시: {{lostpost.lostDate}}</strong> </v-flex> + <img :src="image" id="image"> <v-divider></v-divider> <v-divider></v-divider> @@ -186,10 +187,13 @@ export default { .then((response) => { this.lostpost = response.data.board; this.items = this.lostpost.comments; + var base64data=Buffer.from(this.lostpost.image.data.data,'binary').toString('base64'); + this.image='data:image/jpeg;base64,'+base64data; }); }, data: () => { return{ + image:null, headers: [ { text: '작성자', value: 'writer', sortable: false}, { text: '덧글 내용', value: 'body', sortable: false, filterable: false}, diff --git a/src/views/WriteLostPost.vue b/src/views/WriteLostPost.vue index 3d6490ed5c81deb27e42dc02300366b9f493f856..852483317424e4fb8ad8dd3be23d116ce4920f53 100644 --- a/src/views/WriteLostPost.vue +++ b/src/views/WriteLostPost.vue @@ -50,9 +50,8 @@ export default { data(){ return{ - lostpost:{ + file:null, id:'', - file:'', title: '', body: '', created: '', @@ -64,8 +63,7 @@ export default { writer: '', money: 0, image:null - }, - } + } }, methods: { onClicked: function(){ @@ -73,18 +71,16 @@ export default { var config={ header:{'Content-Type': 'multipart/form-data'} }; - formData.append('img',this.lostpost.file); - // formData.append('title',this.title); - // formData.append('body',this.body); - // formData.append('created',this.created); - // formData.append('petName',this.petName); - // formData.append('petSex',this.petSex); - // formData.append('petType',this.petType); - // formData.append('lostPlace',this.lostPlace); - // formData.append('lostDate',this.lostDate); - // formData.append('money',this.money); - // formData.append('image',this.image); - formData.append('lostpost',this.lostpost); + formData.append('img',this.file); + + formData.append('body',this.body); + formData.append('petName',this.petName); + formData.append('petSex',this.petSex); + formData.append('petType',this.petType); + formData.append('lostPlace',this.lostPlace); + formData.append('lostDate',this.lostDate); + formData.append('money',this.money); + formData.append('image',this.image); for(let key of formData.entries()){ console.log(`${key}`); } @@ -96,8 +92,9 @@ export default { alert("Error"+ err.message) }) }, - fileSeleted:function(){ - this.lostpost.file=event.target.file[0]; + fileSeleted:function(event){ + console.log(event.target.files); + this.file=event.target.files[0]; }, // sendFile:function(){