Write a javascript to upload high volume of files

Completed Posted 5 years ago Paid on delivery
Completed Paid on delivery

I have a website offering photo storage and users are able to upload large volumes of files from their computer. I have a separate upload page which you will be in full control control of. Your job is only to write the javascript and then just a very simple display of what is going on in the script right now, like which file is being uploaded.

To do this job you must be an expert javascript developer. Then it's a quick project.

But if you are not an expert javascript developer, then you will be unable to complete this project no matter how much time you spend. So for your own sake and mine, please only bid on this project if you are an expert at javascript development.

Requirements:

• Must support Chrome, Firefox and Edge

here is an example that works in all three browsers:

[login to view URL]

• Must allow selection of files as well as one or more folders

• Uploads files using my existing API. Already tested for 220,000 files with Windows app.

• Upload must be able to run for a very long time, so avoid memory leaks

• Must be able to upload 30,000 files and/or 15 GB of data in one session

• There is no design work in this task, just simply show some raw data in an HTML page before, during and after uploads.

Tasks:

1. Create simple HTML page with markup to drag’n’drop one or more folders into the browser window or select them using a file selection dialog.

You are allowed to use third party plugins like “dropzonejs”

2. When files and/or folders are dragged into the window, structure them in javascript structures and show key details in the HTML page

a. X folders selected

b. X files selected

c. The first 20 files and folders can be shown on screen in just a simple list

3. Uploading files cannot happen all at once because of the high volume of files. So they need to be queued. Also, they cannot be in only one queue, because upload would be too slow. Please make it so up to 10 files are uploaded at the same time.

4. The upload path must be determined logically by combining the web path with the selected folder path.

Example:

The user is currently in [login to view URL]

The user selected a local folder with files called “/berlin/[login to view URL]”

The uploaded file path will be: “/vacations/germany/berlin/[login to view URL]”

5. Each upload consists of three actions

Call the API to get an upload link

GET /api/GetUploadLink?AccountName=developer&FileName=%2Fberlin%[login to view URL]

Upload by making a PUT call to that URL with the file content

Call another API method to indicate the upload was completed

POST /api/ProcessImage (Url in json)

6. Retry functionality: If there is any error in these API calls, do not move on to the next file. Instead retry every 10 seconds until it succeeds.

7. Show the files currently being uploaded in the HTML page and a status (such as "failed, trying again")

8. Show the latest 20 uploaded files in the HTML page

JavaScript

Project ID: #18133729

About the project

8 proposals Remote project Active 5 years ago

Awarded to:

alexandrovw

I can do this task. I work with React and I use the bulk photo uploading feature in many of my projects. I can add offline db storage so the app keeps track which file get successfully uploaded and omit it the next More

$300 USD in 3 days
(3 Reviews)
4.4

8 freelancers are bidding on average $179 for this job

amiinnee

Hi I'm a Full stack javascript developer with 5 years of experience working with the following Javascript frameworks frontEnd : VueJs Vuex AngularJs Angular Ngrx Backend : ExpressJs SailsJs HapiJs NestJs Fee More

$222 USD in 3 days
(14 Reviews)
3.7
developermustak7

Hello, Hope you're doing great !! I have excellent experience in Website Designing/Development. I believe my abilities would be perfect for your venture. I can finish this job within the necessary time frame. I More

$155 USD in 3 days
(3 Reviews)
2.4
alshaimaa2009

i have experience for 3 years in javascript programing i made big site "conferences e-magement system" using javascript, html, pyhon.

$111 USD in 7 days
(0 Reviews)
0.0