Example code to upload a file to an S3 bucket using the AWS SDK and React:
import React, { useState } from 'react';
import AWS from 'aws-sdk';
const UploadFiles = () => {
const [file, setFile] = useState(null);
const handleFileInputChange = (event) => {
setFile(event.target.files[0]);
}
const handleFileUpload = async () => {
const s3 = new AWS.S3();
const fileName = file.name;
const bucketName = 'my-bucket-name';
const fileData = await file.arrayBuffer();
const params = {
Bucket: bucketName,
Key: fileName,
Body: fileData
};
s3.upload(params, (err, data) => {
if (err) {
console.error(`Error uploading file: ${err}`);
} else {
console.log(`File uploaded successfully: ${data.Location}`);
}
});
}
return (
<div>
<input type="file" onChange={handleFileInputChange} />
<button onClick={handleFileUpload}>Upload file</button>
</div>
);
};
export default UploadFiles;
Asked: 2022-08-05 11:00:00 +0000
Seen: 19 times
Last updated: Feb 01 '23