upload data using vanila javascript ajax and django1.11.17

using vanila javascript ajax and django1.11.17 , i wanna upload image with other data, and how to handle it in django.
using vanila javascript ajax and django1.11.17 , i wanna upload image with other data, and how to handle it in django.

     var name=document.querySelector('#name').value;        
     var lname=document.querySelector('#lname').value;
     var email=document.querySelector('#email').value;
     var password=document.querySelector('#password').value
     var CSRF=document.querySelectorAll('input')[5].value
     var file=document.querySelector('#file')
     var res=document.querySelector('.res')
     


     var formdata = new FormData();             
     formdata.append('image',file.files[0]);
     


     xhttp= new XMLHttpRequest();             
     xhttp.open('POST',"",true);
     xhttp.setRequestHeader("X-CSRFToken",pass);
     xhttp.setRequestHeader("content-type",'application/multipart/form-data');


     xhttp.onload=function(){

          if(this.status == 200){
               res.innerText=this.responseText
          }else{
               res.innerText='error'    
          }
     }
     
     var data = {fn:name,ln:lname,em:email,pw:password,img:formdata}
     
     xhttp.send(JSON.stringify(data))