Michael Villeneuve
Michael Villeneuve

Reputation: 4033

Ember-data how to bind a file upload to model

There are bunch of answer on how to jQuery upload. That's not what I want. I want to simply bind the "file" input so that it's send with my object when I submit the form.

App.Document = DS.Model.extend({
    document_name: DS.attr(),
    document_file: DS.attr()
});

<form role="form" {{action save on="submit"}}>
    <div class="thumbnail" {{action 'start'}}>
        <img {{bindAttr src=src}} class="preview"/>
        <img class="shadow hide"/>
        <canvas class="hide"></canvas>
    </div>

   {{input type="file" valueBinding="document_file" name="document_file" }}

   {{input type="text" valueBinding="document_name" name="document_name"}}

    <div>
        <button class="btn btn-primary" {{action 'save'}}>Save</button>
    </div>
</form>

I haven't found a single tutorial on simple upload. It can't be too hard to send a file right?

Upvotes: 3

Views: 2308

Answers (2)

DelphiLynx
DelphiLynx

Reputation: 921

It is actually pretty simple to do it althougt it is not functionality out of the box. See my question here with working example: Ember.js value binding with HTML5 file upload

Upvotes: 1

Kingpin2k
Kingpin2k

Reputation: 47367

Ember Data doesn't support it out of the box, you'll need to override the adapter and implement your own version of the createRecord/updateRecord which modifies the ajax call. It's probably easier to just use jquery.

Upvotes: 0

Related Questions