HTML5和Amazon S3多部件上傳

Question

是否可以使用HTML 5 File API（例如，該庫：https://github.com/23/resumable.js）與S3多部件上傳功能一起使用？

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

Answer 1

是的，但你需要某種形式的服務器後端的處理亞馬遜的API密鑰以更安全的方式，如果你要使它成爲一個公共網站的一部分。

你可以找到什麼看起來像一個完整的示例實現此這些項目：

• s3-multipart-upload-browser它使用PHP的後端
• s3_multipart它使用紅寶石。

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

序列的粗略描述如下：

1. 用戶
   • 負載網頁
   • 選擇要上傳的文件
   • 命中上傳按鈕
2. 頁面
   • 發送信息有關文件到服務器
3. 服務器
   • 創建多上傳與亞馬遜API
   • 發送 「鍵」（文件名）和 「上傳ID」 回到網頁
4. 頁面
   • 計算出零件的尺寸
   • 請求服務器簽名通過「key」，「upload id」部分信息的零件
5. 服務器
   • 簽署的一部分請求，發送 「部分上載URL」， 「日期」 和 「AUTH頭」
6. 頁面
   • 經由直接發送部分數據到Amazon S3 「部分上傳的URL」使用「日期」和「身份驗證頭」
   • 跟蹤部分IDS的
7. 服務器&頁面
   • 重複5 & 6爲每個附加部件，如果需要的話恢復
8. 頁面
   • 使 「上載完成」 請求到服務器（通過所有部分信息）
9. 服務器
   • 向亞馬遜API請求完成Ë創建文件的
10. 頁面
    • 告知錯誤或成功

注意的用戶：

• 如果上傳被中止，這也必須處理服務器端否則開始的部分/上傳將留在S3 Bucket中佔用空間。
• 可能需要幾分鐘的時間才能完成向Amazon上傳的「上傳完成」請求。