The correct way to send a file to a server via a backend server via AJAX

final ajax request to send image.js

document.querySelector("#form").addEventListener(e => {
        e.preventDefault()
  
        //Get the file from the file input type
        const file = e.target['avatar'].files[0]
        const name = e.target['name'].value
        const formData = new FormData()
        //append the file directly to formData. It's read in automatically
        formData.append('avatar', file)
        formData.append('name', name)

        fetch('http://localhost:3000/', {
            method: 'POST',
            headers: {
              //Note the absence of a "Content-Type" header
                'Accept': 'application/json'
            },
            //We send the formData unmodified in any way.
            body: formData
        }).then(res => {
            //do something with the response
        })
    })