Ember.js文件上传

时间:2014-06-24 13:16:35

标签: file-upload ember.js

我是一名新手,并尝试使用emberjs,jquery和formdata(IE10 +)做最懒的方式来上传文件。代码可能看起来很愚蠢,但它确实有效。 这是我得到的。你能看看并给出一些建议。我做错了吗?

<script type="text/x-handlebars" data-template-name="posts">

<form role="form" enctype="multipart/form-data" method="post" id="fileinfo" {{action    'createPost' on='submit'}}>

  {{input type="text" value=newPost  id="newPost" placeholder="Post" class="form-control"}}

  {{input type="file" id="inputFile"  class="form-control" name="file"}}

  <button type="submit" class="btn btn-default" >Submit</button>

</form>

</script>


App.PostsController = Ember.ArrayController.extend({
actions: {
    createPost: function(){
                    var fd = new FormData(document.getElementById("fileinfo"));
                    fd.append("postContent", this.get('newPost'));
                    this.set('newPost', ''); //reset text field
                    $('#inputFile').val(''); //reset fileinput field

                    Ember.$.ajax({
                      url: "http://localhost:3000/posts",
                      type: "POST",
                      data: fd,
                      processData: false,  // tell jQuery not to process the data
                      contentType: false,   // tell jQuery not to set contentType
                    });

                    }   
                 }
             });

0 个答案:

没有答案