JSFiddle - React, Tailwind, and code Playground

HTML

<form id="profileImageForm" action="update.php" method="post" enctype="multipart/form-data">
<input type="text" value="hello" name="test" />
<input type="file" name="profile_pic" id="image_upload"/>
<input type="submit" value="Save"/>
</form>

JavaScript

$('#profileImageForm').on('submit',(function(e) {
        e.preventDefault();		
        var formData = new FormData(this);
		
		console.log(formData);
						
        $.ajax({
            type:'POST',
            url: $(this).attr('action'),
            data:formData,
            cache:false,
            contentType: false,
            processData: false,
            success:function(data){
                console.log("success");
                console.log(data);
            }
        });
    }));