File Dialog for uploading files with list of files already uploaded

Looking for a file dialog to be embedded into a an existing form with other inputs in a React application.

the behaviour is like this

a) User drag & drops or chooses file, then that file is uploaded to the server side. I will use my own function to create a form object and send the file to the server side.
The front end should display a message file upload in progress while the file upload is being done.
I am ok with any good library like DropZOne etc.

I will share some screenshot with short listed candidates. Infact that screen shot was taken from this website.

b) Once the file is uploaded to the server side successfully, then that file name with size should be displayed below the file upload control and with a delete icon on the side.

c) if the user clicks in the delete icon, i will make a call to the server to remove that file.

The form has a submit button to submit other inputs which will not intefere with this file dialog.

please let me know the estimate. I am a hands-on java developer, however, I find it hard to wire up the java script on the front end.

Once the users chooses a file and when it invokes the fucntion, I will use form object and make a call to the server to persist the file on the server side.
About the recuiter
Member since Mar 14, 2020
Fm Desk
from Tamil Nadu, India

---

---

Offer to work on this project closes in 9 days!
Are you interested in this Opportunity?

Looking for help? Checkout our video tutorial
How to search and apply for jobs

How to apply? Do you have more questions about the Job?
See frequently asked questions