Pass video file

Question

I create a REST server with Drupal 7, set everything and it work correctly, node created well, but I want to fill File field with REST.

my client side code is the following.

(function($){
  function getCsrfToken(callback) {
  jQuery.get(('http://example.com//services/session/token'))
    .done(function (data) {
      var csrfToken = data;
      callback(csrfToken);
    });
}

function postNode(csrfToken, node) {
  jQuery.ajax({
    url: 'http://example.com/rest/node',
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'X-CSRF-Token': csrfToken
    },
    data: JSON.stringify(node),
    success: function (node) {
      console.log(node);
    }
  });
}

var newNode = {
  type:'video',
  title: 'Example node title3',
  body: {
    und: {
    0: {
    value :"Body"}
       }
    },
  field_url:{   
   und: {
     0: {
      value :"http://url.com"
    }
    }
    },
field_video:{
 ???????
 }
}; 

getCsrfToken(function (csrfToken) {
  postNode(csrfToken, newNode);
});
  })(jQuery);

How can I pass a file (or an image) to REST service? what should I write instead of ??????

Answer 1

You could upload the file first using the file:create_raw services resource, which will return a file id (fid). Then you create your node and pass the fid in the file field {fid: "x}:

var data = new FormData();
data.append('files[file_1]', file);

jQuery.ajax({
    url: 'http://example.com/rest/file/create_raw',
    data: data,
    async: false,
    cache: false,
    contentType: false,
    processData: false,
    type: 'POST',
    success: function(result){
        alert(result);
    }
});

Answer 2

You will want to base64 encode the image file before you submit your document to the REST endpoint.

You an use https://www.base64encode.org/ to get an sample encoded image.