How to create a zone to drop/select an image for uploading on Ember.js?

I have a form and I'm using it to save() an ember model to the database. This model should also have an image, so I want to create a zone like the one below:

User should be able to drag and drop a file from its file browser or selecting it using the blue button.

Also, how do I actually upload the file along with the other model properties?