From a52f2fadf593dfeaeddefad8d3cd16fdee74b076 Mon Sep 17 00:00:00 2001
From: InWooKwon <jongu7317@gmail.com>
Date: Mon, 9 Dec 2019 19:18:42 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/views/MyPage.vue | 2 +-
src/views/ShowFindPost.vue | 3 +++
src/views/ShowLostPost.vue | 4 ++++
src/views/WriteLostPost.vue | 33 +++++++++++++++------------------
4 files changed, 23 insertions(+), 19 deletions(-)
diff --git a/src/views/MyPage.vue b/src/views/MyPage.vue
index 2ed95cd..325bf50 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 3741bb2..517faeb 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 5e7f2fc..e3c3f1f 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 3d6490e..8524833 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(){
--
GitLab