Can backbone send data as multipart?

Question

Can Backbone send data as multipart/form-data? I believe it defaults to application/json. I looked through the documentation and if I do Backbone.emulateJSON = true it'll send as application/x-www-form-urlencoded but that doesn't help.

I'm working on a legacy project and I'm trying to add file-upload functionality to it. To do that though I'm told the server needs to be changed to accept multiform data rather than application/json data.

score 1 · Answer 1 · answered May 15 '15 at 22:33

1

When you fetch, save, etc. you can optionally provide an options argument. Any options in it that aren't Backbone-specific ones (eg. silent: true) will be passed along to sync, which well then pass them along to $.ajax.

So, in short, you can do anything you could normally do with $.ajax by just passing the appropriate options when you make your Backbone AJAX method call.

answered May 15 '15 at 22:33

machineghost

33,529
30
159
234

And what are the appropriate options when you want to save a multipart ? – user3568791 Jan 19 '18 at 13:04
I would recommend looking at this SO question/answer: https://stackoverflow.com/questions/5392344/sending-multipart-formdata-with-jquery-ajax – machineghost Jan 19 '18 at 21:10

score 1 · Answer 2 · answered Apr 25 '19 at 10:44

You can send data as mutipart by appending data to FormData() object ,and making your form enctype="multipart/form-data".You can also send File object through this.

<form class="form form-inline" id="quotation_form" method="post" data-remote="true" enctype="multipart/form-data" >

 </form>


     var data = new FormData();
     data.append("description", description);


      quotationAttachmentModel.save(null, {
             processData: false,
             url: requestURL,
             data: data,
             cache: false,
             iframe: true,
             emulateJSON: true,
             contentType: false,

      success: function(model, resp) {
        console.log("success");
      },
      error: function(data, jqXHR, errorThrown) {
        console.log("failed");
      }
    });

score 0 · Answer 3 · answered May 17 '15 at 18:18

I suggest that you do the file upload using an explicit transport, e.g. jQuery.ajax or similar, as the uploads don't really resemble Backbone.Models anyway. Also, you might want to use a library such as jquery-fileupload and subscribe to the events it emits. Also check this for ideas.

Can backbone send data as multipart?

3 Answers3