MultipartFile is empty during rest api POST of Javascript file upload

MultipartFile is empty during rest api POST of Javascript file upload

I am using React JS to upload a file. This is the file array object i am trying to send as a POST request:

I am using React JS to upload a file. This is the file array object i am trying to send as a POST request:

I am trying to submit a POST request via axios:

The file i am sending is not empty: 

But as soon as the debugged code reaches the back-end, (REST API) the MultipartFile[] is empty 

I wonder why.. Maybe i am missing some configuration here? Please help! Thank you!

Angular 9 Tutorial: Learn to Build a CRUD Angular App Quickly

What's new in Bootstrap 5 and when Bootstrap 5 release date?

Brave, Chrome, Firefox, Opera or Edge: Which is Better and Faster?

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

Why ReactJS is better for Web Application Development?

Web Application Development is the point of contact for a business in today's digital era. It is important to choose the right platform for Web Application Development to build a high end Web

GraphQL vs REST: putting REST to rest

When you need to build an API, your mind will likely jump to REST, the de facto standard for API creation. However, this is about to change with GraphQL, as its popularity quickly rises.

What the difference between REST API and RESTful API?

Representational state transfer (REST) is a style of software architecture. As described in a dissertation by Roy Fielding, REST is an "architectural style" that basically exploits the existing technology and protocols of the Web. RESTful is typically used to refer to web services implementing such an architecture.