ember.js - Ember js firebase upload error to upload file -
i have problem @ moment of wanting files firebase throw following error, not understand because tells me add in mirage / config not use that.
assert.js:36 mirage: ember app tried post 'https://firebasestorage.googleapis.com/v0/b/ember-firebase-****.appspot.com/o?name=images%2fbacul-anuncio.png', there no route defined handle request. define route matches path in mirage/config.js file. did forget add namespace? este es mi componente donde tengo la logica de subir los datos firebase
this component have logic upload data firebase
import ember 'ember'; export default ember.component.extend({ /* esto es para subir imagenes declaramos algunas variables */ firebaseapp: ember.inject.service(), storageref:'', file: '', /* fin */ btn_label:'guardar', actions:{ click_btn_save(param){ // create metadata var metadata={ contenttype: 'image/png' }; var storageref=this.get('firebaseapp').storage().ref(); var path='images/' + this.get('file').name; var uploadtask = storageref.child(path).put(this.get('file'), metadata); //var uploadtask=storageref.child(path).put(this.get('file'), metadata); uploadtask.on('state_changed', function(snapshot){ var progress = (snapshot.bytestransferred / snapshot.totalbytes) * 100; console.log('upload ' + progress + '% done'); console.log(snapshot.state); }, function(error) { console.log("ocurrio un errore "); console.log(error); }, function() { console.log("entro buen recaudo"); var downloadurl = uploadtask.snapshot.downloadurl; //newplan.set('imageurl', downloadurl); //newplan.save().then(() => ctrl.transitiontoroute('plans')); /* ctrl.set('file', ''); ctrl.set('selectedcategory', ''); ctrl.set(document.getelementbyid('output').src, ''); ctrl.set('days', ''); ctrl.set('isdisabled', true); */ }); this.sendaction('action',param) }, didselectimage(files){ let reader=new filereader(); reader.onloadend= ember.run.bind(this,function(){ console.log("entro todo bien funciona"); var dataurl=reader.result; var output= document.getelementbyid('output'); output.src=dataurl; this.set('file', files[0]); }); reader.readasdataurl(files[0]); } } });
this template
<!-- app/templates/components/library-item-form.hbs --> <div class="form-horizontal"> <div class="form-group"> <div class="col-sm-12 col-md-3"> {{input type="text" value=item.name class="form-control" placeholder="nombre de autor"}} </div> <div class="col-md-3"> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">image<br>(200x200)</label> <div class="col-sm-10"> <img id="output" height="200" width="200"> <p></p> {{x-file-input alt="hello world" accept="image/png,image/jpg" action=(action "didselectimage")}} </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-default" {{action 'click_btn_save' item}} disabled="{{if item.isnotvalid 'disabled'}}">{{btn_label}}</button> </div> </div> </div>
any or suggestion? not know problem is
Comments
Post a Comment