Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React JS:使用AWS凭据将CSV文件上载到Amazon S3_Javascript_Reactjs_Amazon Web Services_Amazon S3_File Upload - Fatal编程技术网

Javascript React JS:使用AWS凭据将CSV文件上载到Amazon S3

Javascript React JS:使用AWS凭据将CSV文件上载到Amazon S3,javascript,reactjs,amazon-web-services,amazon-s3,file-upload,Javascript,Reactjs,Amazon Web Services,Amazon S3,File Upload,我想用react S3上传器上传CSV文件。我也有AWS证书。但我不知道如何在React JS中使用它 下面是我使用的代码 import React,{PureComponent}来自“React”; 从“react-s3-uploader”导入ReactS3Uploader; saveUploaderReference=uploader=>{ if(上传器){ this.uploaderReference=上传器; } }; getSignedUrl=(文件)=>{ log(“文件:”,文件

我想用react S3上传器上传CSV文件。我也有AWS证书。但我不知道如何在React JS中使用它

下面是我使用的代码

import React,{PureComponent}来自“React”;
从“react-s3-uploader”导入ReactS3Uploader;
saveUploaderReference=uploader=>{
if(上传器){
this.uploaderReference=上传器;
}
};
getSignedUrl=(文件)=>{
log(“文件:”,文件)
};
此文件名为}
自动上载={true}
多重={false}

/>
您不能直接将凭据传递给
react-s3-uploader
。这将是一个巨大的安全问题

您至少有两种处理方法:

  • 使用。这是一种在没有凭据的情况下授予S3项目访问权以上载项目的方式(凭据实际上位于url中)。您需要一个后端来执行此操作。这也是
    react-s3-uploader
    推荐的方法
  • 对未经授权的用户使用

您不能直接将凭据传递给
react-s3-uploader
。这将是一个巨大的安全问题

您至少有两种处理方法:

  • 使用。这是一种在没有凭据的情况下授予S3项目访问权以上载项目的方式(凭据实际上位于url中)。您需要一个后端来执行此操作。这也是
    react-s3-uploader
    推荐的方法
  • 对未经授权的用户使用

正如Radu Diță已经在第二个选项中提到的那样,使用AWS Cognito实现这一点。无需设置自己的后端服务器+API

此外,当您使用React+AWS进行开发时,Amplify可以帮助您

下面是一个很好的场景示例:

正如Radu Diță在第二个选项中已经提到的那样,使用AWS Cognito实现这一点。无需设置自己的后端服务器+API

此外,当您使用React+AWS进行开发时,Amplify可以帮助您

下面是一个很好的场景示例:

谢谢您的回答。没有用于此的后端API。后端开发人员将从AWS S3存储桶获取文件路径。所以我必须从前面上传文件,然后尝试使用Cognito。你需要在AWS方面做一点配置,但它会工作的。我是新手。。有没有任何有效的例子?谢谢你的回答。没有用于此的后端API。后端开发人员将从AWS S3存储桶获取文件路径。所以我必须从前面上传文件,然后尝试使用Cognito。你需要在AWS方面做一点配置,但它会工作的。我是新手。。有没有任何有效的例子?这会有帮助的。我对它还不熟悉。。有没有任何有效的例子?这会很有帮助这里有一个循序渐进的指南让你开始:我是新手。。有没有任何有效的例子?这会很有帮助这里有一个逐步的指南让你开始: