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;
Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss
Asked: 2022-08-05 11:00:00 +0000
Seen: 24 times
Last updated: Feb 01 '23
Is it feasible to utilize a Toggle Button to switch among multiple classes exceeding 2?
What is the process for generating a dynamic subdomain/URL using vue.js?
How can I create a transition on click using CSS without the need for JavaScript?
How can the style of the loader be modified while the form submission is being processed?
I'm attempting to develop a Javascript-based comments section for my website.
What are some feasible methods to enable MIDI file playback on a web browser?