HTML5和Amazon S3多部分上傳

Question

是否可以將HTML 5文件API（例如，此庫： https ： //github.com/23/resumable.js ）與S3多部分上載功能結合使用？

http://docs.aws.amazon.com/AmazonS3/latest/dev/uploadobjusingmpu.html

Answer 1

是的，但如果要將其作為公共網站的一部分，您將需要某種服務器后端以更安全的方式處理Amazon API密鑰。

您可以找到這些項目的完整示例實現：

• s3-multipart-upload-browser ，它使用PHP后端
• s3_multipart使用Ruby。

請注意，我沒有使用，測試或審查這些項目。

序列的粗略描述如下：

1. 用戶
   • 加載網頁
   • 選擇要上傳的文件
   • 點擊上傳按鈕
2. 網頁
   • 將有關文件的信息發送到服務器
3. 服務器
   • 使用Amazon API創建分段上傳
   • 將“key”（文件名）和“upload id”發送回網頁
4. 網頁
   • 計算出零件的尺寸
   • 請求服務器簽署部分傳遞“密鑰”，“上傳ID”，部分信息
5. 服務器
   • 簽署部件請求，發送“部件上傳URL”，“日期”和“身份驗證頭”
6. 網頁
   • 使用“date”和“auth header”通過“part upload url”將部分數據直接發送到Amazon S3
   • 跟蹤部分ID
7. 服務器和網頁
   • 每個附加部分重復5和6，如果需要，重新開始
8. 網頁
   • 向服務器發送“上傳完成”請求（傳遞所有部分信息）
9. 服務器
   • 向Amazon API發出請求以完成文件的創建
10. 網頁
    • 告知用戶錯誤或成功

筆記：

• 如果上傳中止，則必須在服務器端處理，否則啟動的部分/上傳將占用S3 Bucket中的空間。
• 完成向亞馬遜的“上傳完成”請求可能需要幾分鍾時間。