Show spinner while uploading file

このコミットが含まれているのは:
Alexander Gitter 2016-11-13 18:26:10 +01:00
コミット 7d3a6e77e4
2個のファイルの変更15行の追加1行の削除

ファイルの表示

@ -11,11 +11,24 @@ const mediaUpload = {
const file = target.files[0]
const formData = new FormData()
formData.append('media', file)
self.$emit('uploading')
self.uploading = true
statusPosterService.uploadMedia({ store, formData })
.then((fileData) => {
self.$emit('uploaded', fileData)
self.uploading = false
}, (error) => {
self.$emit('upload-failed')
self.uploading = false
})
})
},
data () {
return {
uploading: false
}
}
}

ファイルの表示

@ -1,7 +1,8 @@
<template>
<div class="media-upload">
<label class="btn btn-default">
<i class="fa icon-upload"></i>
<i class="fa icon-spin4 animate-spin" v-if="uploading"></i>
<i class="fa icon-upload" v-if="!uploading"></i>
<input type=file style="position: fixed; top: -100em"></input>
</label>
</div>