Отправить файл изображения вместе с другими данными в серверную часть Java с помощью React.JS

Я хочу отправить загруженный файл изображения вместе с данными, введенными пользователем, на серверную часть, которая реализована на JAVA.

`const payload = {
        id: null,
        name : Name,
        email : Email

        };
        //data.append("myjsonkey", );

        await fetch('http://localhost:8080/student/insertStudent', {
            method: 'POST',
            body: JSON.stringify(payload),
            headers : {
            'Accept': 'application/json',
            'Content-Type': 'application/json'
            }
        })`

Используя эту реализацию, я смог отправить данные на бэкэнд с помощью запроса POST. Теперь я хочу прикрепить файл изображения к полезной нагрузке, которая будет получена серверной частью. Код, написанный для загрузки изображений:

`fileChangedHandler = (event) => {
    this.setState({selectedFile: event.target.files[0]})
    }

    uploadHandler = () => { 
    console.info(this.state.selectedFile)
    }
render() {
        return (
            <div>
                <input type = "file" onChange = {this.fileChangedHandler}/>
                <button onClick = {this.uploadHandler}>Upload!</button>
            </div>
        );
    }`

Любая помощь будет принята с благодарностью.