diff options
| author | Roger Braun <roger@rogerbraun.net> | 2017-02-22 10:32:59 +0100 |
|---|---|---|
| committer | Roger Braun <roger@rogerbraun.net> | 2017-02-22 10:32:59 +0100 |
| commit | 8d4d8b6b6c66ff7d3269917ca88c9698326a73f4 (patch) | |
| tree | 1bfe0c0a20fd21d0469d58fe12e559345c148728 /src/components/media_upload/media_upload.js | |
| parent | aa3512205dedff9df4b041ecd7eeb8c083e8ff2f (diff) | |
| parent | 3b2e79f6f7be0ced4dfdf1ae758e81cc4b296416 (diff) | |
Merge branch 'develop' of ssh.gitgud.io:lambadalambda/pleroma-fe into develop
Diffstat (limited to 'src/components/media_upload/media_upload.js')
| -rw-r--r-- | src/components/media_upload/media_upload.js | 27 |
1 files changed, 21 insertions, 6 deletions
diff --git a/src/components/media_upload/media_upload.js b/src/components/media_upload/media_upload.js index 3f2e3964..746970aa 100644 --- a/src/components/media_upload/media_upload.js +++ b/src/components/media_upload/media_upload.js @@ -3,12 +3,22 @@ import statusPosterService from '../../services/status_poster/status_poster.serv const mediaUpload = { mounted () { - const store = this.$store const input = this.$el.querySelector('input') - const self = this input.addEventListener('change', ({target}) => { const file = target.files[0] + this.uploadFile(file) + }) + }, + data () { + return { + uploading: false + } + }, + methods: { + uploadFile (file) { + const self = this + const store = this.$store const formData = new FormData() formData.append('media', file) @@ -23,11 +33,16 @@ const mediaUpload = { self.$emit('upload-failed') self.uploading = false }) - }) + } }, - data () { - return { - uploading: false + props: [ + 'dropFiles' + ], + watch: { + 'dropFiles': function (fileInfos) { + if (!this.uploading) { + this.uploadFile(fileInfos[0]) + } } } } |
