npmpackage.info

Gathering detailed insights and metrics for react-aws-s3

Other packages similar to react-aws-s3

@aws-sdk/client-s3

3.844.0

AWS SDK for JavaScript S3 Client for Node.js, Browser and React Native

react-aws-s3-typescript

2.0.0

Open source npm package to upload your files into AWS S3 Bucket directly using react(typescript template)

@aws-sdk/client-s3-control

3.844.0

AWS SDK for JavaScript S3 Control Client for Node.js, Browser and React Native

aws-s3-js

1.4.0

upload/delete files from an Amazon S3 bucket

Gathering detailed insights and metrics for react-aws-s3

react-aws-s3 - 1.5.0 | npmpackage.info

react-aws-s3

Open Source Module to Upload your Media and files into AWS S3 Bucket directly from Front-end React.

1.5.0

NOASSERTION

TypeScript

2.1

Installations

npm install react-aws-s3

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

12.16.3

NPM Version

6.14.4 Pull Requests

Open

3

Total

8

Closed

1

Merged

4

Issues

Open

13

Total

32

Closed

19

Releases

Unable to fetch releases

Languages

TypeScript

TypeScript (100%)

Developer

Developer-Amit

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

NOASSERTION License

53 Stars

14 Commits

33 Forks

1 Watchers

2 Branches

3 Contributors

Updated on Mar 10, 2024

Maintainers

View All 3 Contributors

Package Meta Information

Latest Version

1.5.0

Package Id

react-aws-s3@1.5.0

Size

3.22 kB

NPM Version

6.14.4

Node Version

12.16.3

Published on

Mar 06, 2021

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

crypto-js short-uuid

Dev Dependencies

@types/crypto-js microbundle typescript

react-aws-s3

Open Source Module to Upload your Media and files into AWS S3 Bucket directly from Front-end React.

Help the Module developer (Amit Mishra) by donating a few dollars, for saving your many hrs.

https://www.npmjs.com/package/react-aws-s3

S3Client AWS-S3

S3Client - A Javascript Library for AWS S3 File Upload

Using NPM

npm install --save react-aws-s3

Using Yarn

yarn add react-aws-s3

Examples Uploading An Image

Uploading to S3

1import S3 from 'react-aws-s3';
2
3const config = {
4    bucketName: 'myBucket',
5    dirName: 'media', /* optional */
6    region: 'eu-west-1',
7    accessKeyId: 'JAJHAFJFHJDFJSDHFSDHFJKDSF',
8    secretAccessKey: 'jhsdf99845fd98qwed42ebdyeqwd-3r98f373f=qwrq3rfr3rf',
9    s3Url: 'https:/your-custom-s3-url.com/', /* optional */
10}
11
12const ReactS3Client = new S3(config);
13/*  Notice that if you don't provide a dirName, the file will be automatically uploaded to the root of your bucket */
14
15/* This is optional */
16const newFileName = 'test-file';
17
18ReactS3Client
19    .uploadFile(file, newFileName)
20    .then(data => console.log(data))
21    .catch(err => console.error(err))
22
23  /**
24   * {
25   *   Response: {
26   *     bucket: "myBucket",
27   *     key: "image/test-image.jpg",
28   *     location: "https://myBucket.s3.amazonaws.com/media/test-file.jpg"
29   *   }
30   * }
31   */
32});

Deleting an existing file in your bucket

In this case the file that we want to delete is in the folder 'photos'

1import S3 from 'react-aws-s3';
2
3
4const config = {
5    bucketName: 'myBucket',
6    dirName: 'media', /* optional */
7    region: 'eu-west-1',
8    accessKeyId: 'JAJHAFJFHJDFJSDHFSDHFJKDSF',
9    secretAccessKey: 'jhsdf99845fd98qwed42ebdyeqwd-3r98f373f=qwrq3rfr3rf',
10    s3Url: 'https:/your-custom-s3-url.com/', /* optional */
11}
12
13const ReactS3Client = new S3(config);
14
15const filename = 'hello-world.docx';
16
17/* If the file that you want to delete it's in your bucket's root folder, don't provide any dirName in the config object */
18
19//In this case the file that we want to delete is in the folder 'photos' that we referred in the config object as the dirName
20
21ReactS3Client
22    .deleteFile(filename)
23    .then(response => console.log(response))
24    .catch(err => console.error(err))
25
26  /**
27   * {
28   *   Response: {
29   *      ok: true,
30          status: 204,
31          message: 'File deleted',
32          fileName: 'hello-world.docx'
33   *   }
34   * }
35   */
36});

Defaults your bucket to public-read : http://docs.aws.amazon.com/AmazonS3/latest/dev/acl-overview.html

config

bucketName required - Your S3 bucket
dirName required - Your S3 folderName/dirName
region required - Your S3 bucket's region
accessKeyId required - Your S3 AccessKeyId
secretAccessKey required - Your S3 SecretAccessKey
s3Url optional - Your S3 URL

License

S3 Bucket Policy

Doc: http://docs.aws.amazon.com/AmazonS3/latest/dev/example-bucket-policies.html

MIT

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

9

License

Determines if the project has defined a license.

1

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

47 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-6chw-6frg-f759
Warn: Project is vulnerable to: GHSA-pp7h-53gx-mx7r
Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
Warn: Project is vulnerable to: GHSA-cwfw-4gq5-mrqx
Warn: Project is vulnerable to: GHSA-g95f-p29q-9xw4
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5
Warn: Project is vulnerable to: GHSA-257v-vj4p-3w2h
Warn: Project is vulnerable to: GHSA-3w3w-pxmm-2w2j
Warn: Project is vulnerable to: GHSA-xwcq-pm8m-c4vf
Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
Warn: Project is vulnerable to: GHSA-ff7x-qrg7-qggm
Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37
Warn: Project is vulnerable to: GHSA-7r28-3m3f-r2pr
Warn: Project is vulnerable to: GHSA-r8j5-h5cx-65gg
Warn: Project is vulnerable to: GHSA-2pr6-76vf-7546
Warn: Project is vulnerable to: GHSA-8j8c-7jfh-h6hx
Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp
Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq
Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m
Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr
Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
Warn: Project is vulnerable to: GHSA-566m-qj78-rww5
Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
Warn: Project is vulnerable to: GHSA-hwj9-h5mp-3pm3
Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-h9rv-jmmf-4pgx
Warn: Project is vulnerable to: GHSA-hxcc-f52p-wc94
Warn: Project is vulnerable to: GHSA-wpg7-2c88-r8xv
Warn: Project is vulnerable to: GHSA-pq67-2wwv-3xjx
Warn: Project is vulnerable to: GHSA-8cj5-5rvv-wf4v
Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc
Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695
Warn: Project is vulnerable to: GHSA-4g88-fppr-53pp
Warn: Project is vulnerable to: GHSA-4jqc-8m5r-9rpr

Score

2.1

/10

Last Scanned on 2025-07-14

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More