How to send an image via ajax in pure js?

Question

AJAX

Good day, let's say there is a picture: You need to send this picture to the django server using pure js via ajax . I know how to send data, I can also create a form: But I don’t understand how to add an image to this form . ?
<img src="src">
form = new FormData();

Answer 1

var form = new FormData();
const file = new File([blob], "path/to/img.png", {  type: 'image/png' });
form.append("image",  file);