<fieldset>
<input placeholder="제목" type="text" tabindex="1" autofocus required @change="title_img">
</fieldset>
<div class="img">
<input type="file" id=file @change="fileUpload" required>
<label class="upload" for="file">+</label>
</div>
<fieldset>
<button name="submit" type="submit" id="contact-submit" style="margin-top:8px" @click="img_more">Submit</button>
</fieldset>
title_img(e){
db.collection('user_post').add({title: e.target.value})
this.img_title = e.target.value
// console.log(this.img_title)
},
img_more(){
var storageRef = storage.ref()
this.img_road[0] = storageRef.child('image/' + this.file[0].name).put(this.file[0])
// this.img_road[1] = storageRef.child('image/' + this.file[1].name).put(this.file[1])
console.log(this.file)
this.img_road[0].on('state_changed',
null,
(error)=> {
console.log('실패는', error)
},
()=>{
this.img_road[0].snapshot.ref.getDownloadURL().then((urls)=>{
db.collection('user').doc(localStorage.getItem('uid')).collection('contents').add({img_url : urls, title : this.img_title })
})
}
)
}
다르게 코드를 바꾸어서 해도 데이터베이스에 사용자가 올린 이미지의 url과 title이 안올라오는데 뭐가 잘못된 건지 확인해주세요