如何從瀏覽器下載圖片並上傳到Amazon S3

Question

如何允許客戶端在瀏覽器中上傳圖片，然後將其上傳到Amazon S3？我一直在環顧四周，沒有找到解釋如何做到這一點的資源。

是否有我可以遵循的任何教程？

有沒有我應該使用的庫？

我在前端使用AngularJS，在後端使用Node.js。

Answer 1

總之，找兩個不同的教程。一個用於從客戶端上傳到服務器，另一個用於從服務器上傳到S3。

StackOverflow不鼓勵鏈接到特定的教程，但其中有很多，所以它不應該太棘手追蹤。

對於客戶端到服務器，您需要執行基本的HTML表單上傳到服務器，然後獲取數據。你可以暫時將它寫入你的文件系統（如果你在Linux上，/tmp目錄是存放它的好地方）。

之後，從服務器上傳到S3。亞馬遜本身就有一些很好的文檔。該s3包節點也有很好的例子：https://www.npmjs.com/package/s3

它也可以從瀏覽器到S3，這可能是更好的根據你的使用情況直行。看看這個：http://docs.aws.amazon.com/sdk-for-javascript/v2/developer-guide/s3-example-photo-album.html

Answer 2

你將需要AWS SDK for node。然後他們有一個相當全面的developper guide。您也許需要閱讀憑證管理。

的程序是如下

1. 用戶上傳從瀏覽器中的圖像到你的服務器（我建議更換plain form upload，除非你覺得OK與uploading via ajax）
2. 那麼你的服務器uses the SDK保存到S3
3. 您向用戶顯示信息（鏈接到圖像，上傳狀態？）。

你也可以使用pre-signed posts但這似乎更先進，我還沒有看到關於它的信息。