reactJS文件上傳到AWS S3

Question

從我的ReactJS應用程序以普通javascript的形式將文件上傳到AWS S3的最簡單方法是什么？

有沒有辦法只用REST或aws sdk這樣做？

謝謝

Answer 1

很多天前，我使用putObject方法在Amazon S3上上傳了一個文件。 我在MVC架構項目中實現了這一功能。 請參閱下面的示例代碼，我希望，它可能對您有所幫助。

注意：可能你在ReactJs中有不同的方式但是在S3上上傳文件uisng基於IAmazon接口的PutObjectRequest（）方法將保持不變。

下面的配置方法在我的基本控制器中。

public static IAmazonS3 Configuration()
{
     var config = new Amazon.S3.AmazonS3Config();
     config.RegionEndpoint = RegionEndpoint.USEast1;

     var credentials = new Amazon.Runtime.BasicAWSCredentials(ConfigurationManager.AppSettings["AWSAccessKey"], ConfigurationManager.AppSettings["AWSSecurityKey"]);
            return Amazon.AWSClientFactory.CreateAmazonS3Client(credentials, config);
}

我在控制器中使用的代碼下面有文件上傳操作。

HttpPostedFileBase uploadFile = uploadfileCollection[i];
var fileName = Path.GetFileName(uploadFile.FileName);
fileforAPI += fileName + ',';

var putrequest = new PutObjectRequest()
{
   BucketName = ConfigItems.AWSServiceFinanceSampleFileBucket,
   Key = "FinanceData" + finalUploadFilePathOnS3 + fileName,
   InputStream = uploadFile.InputStream,
   CannedACL = S3CannedACL.PublicReadWrite
};


PutObjectResponse response = client.PutObject(putrequest);

if (!response.HttpStatusCode.ToString().Equals("OK"))
{
   isUploadedSuccessfully = false;
   break;
}