Estoy tratando de cargar una imagen y luego enviarla al servidor. Pero resulta que estoy enviando un objeto vacío al servidor. No estoy usando ningún formulario. Solo a través de la etiqueta de entrada. ¿Es correcto el código?

html:

 <div> <input type="file" class="fileUpload" name="file"/> </div>

js:

 document.querySelector('.fileUpload').addEventListener("change", function(e){ let formData = new FormData(); formData.append('imageFiles', e.target.files[0]) // for(var v of formData) { // console.log(v[0]+', '+v[1]); // } i tried to check here and it gives `imageFiles, [object File]`. This made me // think there is data so sent it to server. fetch(`/image`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(formData) }).then(res => console.log(res)) .then(json => console.log(json)) .catch(err => console.log(err)); })

nodo.js:

 app.post('/image', (req, resp) => { console.log(req.body)// but get empty object on server {} })