@ -3,12 +3,22 @@ import statusPosterService from '../../services/status_poster/status_poster.serv
const mediaUpload = {
const mediaUpload = {
mounted ( ) {
mounted ( ) {
const store = this . $store
const input = this . $el . querySelector ( 'input' )
const input = this . $el . querySelector ( 'input' )
const self = this
input . addEventListener ( 'change' , ( { target } ) => {
input . addEventListener ( 'change' , ( { target } ) => {
const file = target . files [ 0 ]
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 ( )
const formData = new FormData ( )
formData . append ( 'media' , file )
formData . append ( 'media' , file )
@ -23,11 +33,15 @@ const mediaUpload = {
self . $emit ( 'upload-failed' )
self . $emit ( 'upload-failed' )
self . uploading = false
self . uploading = false
} )
} )
} )
}
} ,
} ,
data ( ) {
props : [
return {
'dropFiles'
uploading : false
] ,
watch : {
'dropFiles' : function ( fileInfos ) {
if ( ! this . uploading )
this . uploadFile ( fileInfos [ 0 ] )
}
}
}
}
}
}