Upload a file and required parameters through JavaScript Fetch

I am trying to use JavaScript (not Nodejs) to upload/insert a GeoNode document from memory. I have tried the JavaScript fetch from browser. The GET works, but the POST gives error.

The error is that the required fields are not supplied. Someone advised that I should insert the required fields. I am just wondering how to insert the required fields along with the file, in the fetch?

let url = 'https://DOMAIN/api/v2/documents/';
let username = 'admin';
let password = 'PWD';        
let headers = new Headers();
headers.set('Authorization', 'Basic ' + btoa(username + ":" + password));        
var crf_token = $('[name="csrfmiddlewaretoken"]').attr('value');
headers.set('X-CSRFToken', crf_token);
const formData = new FormData()
formData.append('newDocumentName', file)
headers.set('body',formData) 
fetch(url, {method:'POST',
        headers: headers
 })
.then(response => response.json())
.then(json => console.log(json));
ERROR MESSAGE IN CONSOLE:
POST https://DOMAIN/api/v2/documents/ 400 (Bad Request)
{title: Array(1), abstract: Array(1), attribution: Array(1), doi: 
Array(1), date: Array(1), …}
abstract: ['This field is required.']
attribution: ['This field is required.']
bbox_polygon: ['This field is required.']
constraints_other: ['This field is required.']
data_quality_statement: ['This field is required.']date: ['This field is required.']
date_type: ['This field is required.']
doi: ['This field is required.']edition: ['This field is required.']
embed_url: ['This field is required.']featured: ['This field is required.']
is_approved: ['This field is required.']
is_published: ['This field is required.']language: ['This field is required.']
ll_bbox_polygon: ['This field is required.']
maintenance_frequency: ['This field is required.']
metadata_only: ['This field is required.']
popular_count: ['This field is required.']purpose: ['This field is required.']rating: ['This field is required.']
share_count: ['This field is required.']
srid: ['This field is required.']
supplemental_information: ['This field is required.']
temporal_extent_end: ['This field is required.']
temporal_extent_start: ['This field is required.']
thumbnail_url: ['This field is required.']title: ['This field is required.'][[Prototype]]: Object

From the tiny bit of code you posted I see that you’re putting body inside headers. Which may not be correct.