Uppy-一次上传300张以上图片时出现多个错误

时间:2019-07-31 20:00:15

标签: javascript

使用Uppy一次可以上传多少个文件或该文件集可以有多少个限制?我们正在寻找一个插件,使我们的用户可以将超过1K的图像集和一些最大20GB的视频上传到我们的S3存储桶中。

在评估Uppy时,尝试一次上传300多个JPG图像(每个约5MB)时,我们遇到了多个错误。当只用少量的10张图像进行相同操作时,就不会发生这种情况。

前两百个错误如下:

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
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.

然后错误与此类似:

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

进度达到4-5%时,用户界面开始显示Retry按钮。

控制台表示3.3K请求和2.3K错误。

我在Mac(v10.14.6)上。尝试同时使用Safari(v12.1.2)和Chrome(v76.0.3809.87)。此外,内存使用率也没有明显的峰值。

我要引用的代码是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>

0 个答案:

没有答案