# Uploading images with Emberfire

**URL:** <https://discuss.emberjs.com/t/uploading-images-with-emberfire/12386>\
**Category:** Uncategorized\
**Created:** [February 7, 2017, 1:56am UTC](https://discuss.emberjs.com/t/uploading-images-with-emberfire/12386 "2017-02-07T01:56:43Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![BobrImperator](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/bobrimperator/32/12449_2.png) [@BobrImperator](https://discuss.emberjs.com/u/BobrImperator)\
**Post date:** [February 7, 2017, 1:56am UTC](https://discuss.emberjs.com/t/uploading-images-with-emberfire/12386/1 "2017-02-07T01:56:43Z")

</div>

Hello, I am having a trouble with proper image upload. I am currently somehow doing this with image-drop plugin, but file’s URL is a few thousand characters long, then I saw that there’s something like StorageBucket on firebase, but I don’t know how to upload image from my Ember app, and retrieve it’s URL which would be much shorter than plain base64 inside firebase. Component - addPhoto() { const gallery = this.get(‘gallery’), imageUrl = this.get(‘imageUrl’); if (Ember.typeOf(gallery.get(‘images’)) !== ‘array’) { gallery.set(‘images’, ); } gallery.get(‘images’).pushObject(imageUrl); gallery.save(); }

Template - \<form {{action “addPhoto” on=‘submit’}}\> {{input value=imageUrl}} Dodaj zdjecie

{{image-drop image=imageUrl }}

![]()

{{#each gallery.images as |image|}} ![](){{/each}}

I couldn’t find exact method how to do that, is anyone there who have solved similiar issue?