Open Source Module to Upload your Media and files into AWS S3 Bucket directly from Front-end
npm install aws-s3-upload-ash
npm install aws-s3-upload-ash
`
Using Yarn
`
yarn add aws-s3-upload-ash
`
Examples Uploading a file
React using Next.js
- https://github.com/ismaelash/aws-s3-upload-nextjs
Angular 12
- https://github.com/ismaelash/aws-s3-upload-angular12
Vue
- https://github.com/ismaelash/aws-s3-upload-vue
Deleting an existing file into directory in your bucket public
In this case the file that we want to delete is in the folder 'photos'
`js
import AWSS3UploadAsh from 'aws-s3-upload-ash';
const config = {
bucketName: 'bucketName',
dirName: 'media',
region: 'us-east-1',
accessKeyId: process.env.accessKeyId,
secretAccessKey: process.env.secretAccessKey,
s3Url: 'https://bucketName.s3.amazonaws.com/'
}
const S3CustomClient = new AWSS3UploadAsh(config);
const newFileNameWithExtesion = 'fileName.extesion';
S3CustomClient
.deleteFile(newFileNameWithExtesion)
.then(response => console.log(response))
.catch(err => console.error(err))
/**
* {
* Response: {
* ok: true,
* status: 204,
* message: 'File deleted',
* fileName: 'media/fileName.extesion';
* }
* }
*/
});
`
Deleting an existing file without directory in your bucket public
`js
import AWSS3UploadAsh from 'aws-s3-upload-ash';
const config = {
bucketName: 'bucketName',
region: 'us-east-1',
accessKeyId: process.env.accessKeyId,
secretAccessKey: process.env.secretAccessKey,
s3Url: 'https://bucketName.s3.amazonaws.com/'
}
const S3CustomClient = new AWSS3UploadAsh(config);
const newFileNameWithExtesion = 'fileName.extesion';
S3CustomClient
.deleteFile(newFileNameWithExtesion)
.then(response => console.log(response))
.catch(err => console.error(err))
/**
* {
* Response: {
* ok: true,
* status: 204,
* message: 'File deleted',
* fileName: 'fileName.extesion';
* }
* }
*/
});
``