Category: react
React frontend upload file
Published on 19 Jun 2026
Explanation
React frontend can upload files to
a Spring Boot REST API using
FormData. This is the most common
and recommended approach.
Code:
const handleUpload = async () => {
const formData = new FormData();
formData.append('file', file);
const response = await fetch(
'http://localhost:8080/upload', {
method: 'POST',
body: formData
});
const result = await response.text();
alert(result);
};
Explanation
If additional form fields are required,
append them to FormData along with
the file.
Code:
const formData = new FormData();
formData.append('file', file);
formData.append('userName', 'Praveen');
formData.append('course', 'React');