Javascript React JS:使用AWS凭据将CSV文件上载到Amazon S3
我想用react S3上传器上传CSV文件。我也有AWS证书。但我不知道如何在React JS中使用它 下面是我使用的代码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(“文件:”,文件
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可以帮助您 下面是一个很好的场景示例:
谢谢您的回答。没有用于此的后端API。后端开发人员将从AWS S3存储桶获取文件路径。所以我必须从前面上传文件,然后尝试使用Cognito。你需要在AWS方面做一点配置,但它会工作的。我是新手。。有没有任何有效的例子?谢谢你的回答。没有用于此的后端API。后端开发人员将从AWS S3存储桶获取文件路径。所以我必须从前面上传文件,然后尝试使用Cognito。你需要在AWS方面做一点配置,但它会工作的。我是新手。。有没有任何有效的例子?这会有帮助的。我对它还不熟悉。。有没有任何有效的例子?这会很有帮助这里有一个循序渐进的指南让你开始:我是新手。。有没有任何有效的例子?这会很有帮助这里有一个逐步的指南让你开始: