Support uploading big files using a browser

[korabelnikov]

I'm trying to upload video of size 2GB and webpage show me error just after few second

Could not create the task
Error: Network Error.

and I've checked it works with videos of size 100mb

[bsekachev]

@korabelnikov
Hi, what error can you see in the Browser Console?

Try to use share functionality.
Similar issue: #799

[korabelnikov]

Failed to load resource: the server responded with a status of 413 (Request Entity Too Large)
create:1 
Access to XMLHttpRequest at 'http://localhost:8080/api/v1/tasks/8/data' from origin 'http://localhost:7080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
cvat-app.tsx:145 Error: Network Error.

I suppose it's not an enhancement but real bug

[nmanovic]

@korabelnikov , in the particular case your problem isn't connected with the size of data. The request is blocked by CORS policy. There are settings in CVAT which you need to adjust.

# Cross-Origin Resource Sharing settings for CVAT UI
UI_SCHEME = os.environ.get('UI_SCHEME', 'http')
UI_HOST = os.environ.get('UI_HOST', 'localhost')
UI_PORT = os.environ.get('UI_PORT', '3000')
CORS_ALLOW_CREDENTIALS = True
CSRF_TRUSTED_ORIGINS = [UI_HOST]
UI_URL = '{}://{}'.format(UI_SCHEME, UI_HOST)
if len(UI_URL):
    UI_URL += ':{}'.format(UI_PORT)

CORS_ORIGIN_WHITELIST = [UI_URL]
CORS_REPLACE_HTTPS_REFERER = True

[korabelnikov]

Thank you! Maybe it worth to add this adjustment as default?

[bsekachev]

@korabelnikov
Actually, default settings from current develop branch are expected to work.
It wasn't stable for some short time, but now it must be.

[korabelnikov]

@bsekachev I've checkout this repo just a few days ago

[bsekachev]

@korabelnikov

Anyway. Try rebuld and clean the browser cache just in case.
CORS messages aren't expected to appear in default settings.

What about code 413 (Request Entity Too Large), CVAT never supports large files uploading via a browser. We use "shared" functionality to do it. But I agree it make sense to implement better approach of uploading.

[korabelnikov]

I get, just simple message that shows "CVAT doesn't support large file uploading, use shared folder functionality instead" will be helpfull

[bsekachev]

@korabelnikov
Great idea!

[nmanovic]

#3692