使用 aws-sdk 通過瀏覽器將大文件上傳到 aws s3 的問題

Question

在此博客http://www.cheynewallace.com/uploading-to-s3-with-angularjs/的幫助下，我確實設法將較小尺寸（<30MB）的文件上傳到了 s3 存儲桶。 但是在上傳更大的文件（30MB 以上）時，我遇到了一些問題。

error:Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at 'https://s3.amazonaws.com/**' (Reason: CORS request failed).

我在文件上傳過程中遇到此錯誤，即，最初它開始上傳，但后來（比如上傳了 15% 或 18% 之后）它觸發了 CORS 錯誤並且文件的上傳再次從 0% 開始

我對 AWS S3 很陌生。 如果我問錯了什么，請糾正我。

Answer 1

在Amazon s3上上傳大文件時，此問題是常見問題。 將大文件上傳到亞馬遜的推薦方法是將大文件分成小塊。 要上傳文件，可以使用此角度庫。 為了將文件分成多個部分，您可以按照以下示例操作。 。 我希望這能幫到您。

Answer 2

這可能是因為您的 CORS 策略需要對較大文件的更多權限。 設置 console.log() 並在鍵盤上按 CTRL + SHIFT + J 並檢查控制台是否有錯誤。 如果它的 CORS 需要更多權限，它會說類似 POST 失敗或 DELTE 失敗。 無論它說什么，都將其添加到您的存儲桶 CORS 策略中，如下所示：

[
{
    "AllowedHeaders": [
        "*"
    ],
    "AllowedMethods": [
        "GET",
        "PUT",
        "POST",
        "DELETE"
    ],
    "AllowedOrigins": [
        "*"
    ],
    "ExposeHeaders": [
        "Access-Control-Allow-Origin"
    ]
}

]