ember-cli-form-data

This Ember-CLI addon adds file uploads through FormData to the Ember Data

$3

``
ember install ember-cli-form-data
`

$3

Add a file field on the model

`js
// models/post.js

export default DS.Model.extend({
attachment: DS.attr('file'),
...
});
`

Add the FormDataMixin to your post adapter. Run ember g adapter post if you don't have the adapter.

`js
// adapters/post.js

import FormDataAdapterMixin from 'ember-cli-form-data/mixins/form-data-adapter';

export default ApplicationAdapter.extend(FormDataAdapterMixin, {
// Adapter code
});
`

Then you can use an to send the attachment:

`js
var file = document.getElementById('file-field').files[0];
model.set('attachment', file);
model.save();
`

This will send the attachment and all other attributes as a FormData object.

$3

Some api's desire the form data fields to not include the root object
name. For example, the default adapter behavior would result in post[title]
in your serialized data. If your api instead expects just title,
add disableRoot: true` to remove the model name from the fields.

$3

* EmberScreencasts video on using ember-cli-form-data

$3

This addon was inspired by Matt Beedle's blog post http://blog.mattbeedle.name/posts/file-uploads-in-ember-data/