かとのぼのマイコード・マイライフ

プログラミング初心者とアプリの個人開発者向けのブログ。たまに銭湯

ファイルをFirebase Storageにアップするメソッド【Vue.jsのメソッド部分】

この記事をシェアする

これからはじめるVue.js実践入門

Vue.jsでFirebase Storageにファイルをアップするコード

Vue.jsで、Firebaseのstorageにファイルをアップする時のコード。

methods内に以下のコードを記述する。

uploadFile: function(event){
this.file = event.target.files[0]
var storageRef = firebase.storage().ref(this.file.name);
storageRef.put(this.file).then(function() {
console.log("image uploaded");
storageRef.getDownloadURL().then(function(url){
})
}).then(()=>{
this.url = 'https://yoursiteURL.firebaseapp.com/hoge' + this.file.name;
});
},

 

 

 

これからはじめるVue.js実践入門

 

Vue.jsのツボとコツがゼッタイにわかる本

 

 

後悔しないためのVueコンポーネント設計 (技術の泉シリーズ(NextPublishing))

 

基礎から学ぶ Vue.js