reactJSファイルAWS S3にアップロード

Question

私のReactJSアプリケーションからプレーンなjavascriptでAWS S3にファイルをアップロードする最も簡単な方法は何ですか？

RESTまたはaws sdkでのみこれを行う方法はありますか？

おかげ

Answer 1

何日前、私はのputObjectメソッドを使用してAmazon S3の上のファイルをアップロードしました。私はMVCアーキテクチャプロジェクトでこの機能を達成しました。このサンプルコードを次のように参照してください、私はあなたに役立つかもしれないことを願っています。

注：ReactJでは異なる方法がありますが、PutObjectRequest（）メソッドベースのIAmazonインターフェイスは同じままですので、S3でファイルをアップロードすることができます。

以下の設定方法はベースコントローラにあります。

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; 
}