Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Multiple errors when uploading 300+ images at once

See original GitHub issue

Is there any limit on how many files we can upload at once or how large that set can be?

I’m getting multiple errors when trying to upload 300+ JPG images (~5MB each) at once. That doesn’t happen when trying to upload a small set of 10 images.

First couple hundred errors are as follows:

XMLHttpRequest cannot load https://master.tus.io/files/e335fe8ccbdb27a14b20740319fbecfa+cgrPnQ2KVCPXsDJRqIVQLXokc2ezFTSOrIk_2d6d2SOmlVeFgjpL.v8EY58EC_qF2rpK43D3nrKpbQ2XVgMb4AR8V5stcsrd993.jGAd0xYSYU4nJruQx_NGnNWiq4UI due to access control checks. https://master.tus.io/files/e335fe8ccbdb27a14b20740319fbecfa+cgrPnQ2KVCPXsDJRqIVQLXokc2ezFTSOrIk_2d6d2SOmlVeFgjpL.v8EY58EC_qF2rpK43D3nrKpbQ2XVgMb4AR8V5stcsrd993.jGAd0xYSYU4nJruQx_NGnNWiq4UI Then Failed to load resource: Origin null is not allowed by Access-Control-Allow-Origin. and Origin null is not allowed by Access-Control-Allow-Origin.

Then errors become similar to this: https://master.tus.io/files/d4113b9d7b617064ebc26fe5c0bf7fc5+7OMAGTSdZn3KWDzYDtcVJeqY8_C1xFWBMios6Fv5bs978gV7_r9x8g8yvupE92JQeDV1529wHXxhhuMJz3mSW3VhZiVNEn004kvCg_cBbvI95cvm2AhoYAjMANoVl0gt Failed to load resource: the server responded with a status of 500 ()

When it gets around 4-5% of progress, the UI starts showing the Retry button.

Console indicates 3.3K requests and 2.3K errors.

I’m on a Mac (v10.14.6). Tried with both Safari (v12.1.2) and Chrome (v76.0.3809.87). Also, there is no significant peak of memory usage.

Our regular use consists of users uploading sets of 1K+ images and a few videos with up to 20GB each.

The code i’m refering to is the first sample from https://uppy.io/docs/

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Uppy</title>
    <link href="https://transloadit.edgly.net/releases/uppy/v1.3.0/uppy.min.css" rel="stylesheet">
  </head>
  <body>
    <div id="drag-drop-area"></div>

    <script src="https://transloadit.edgly.net/releases/uppy/v1.3.0/uppy.min.js"></script>
    <script>
      var uppy = Uppy.Core()
        .use(Uppy.Dashboard, {
          inline: true,
          target: '#drag-drop-area'
        })
        .use(Uppy.Tus, {endpoint: 'https://master.tus.io/files/'})

      uppy.on('complete', (result) => {
        console.log('Upload complete! We’ve uploaded these files:', result.successful)
      })
    </script>
  </body>
</html>