Breaking News: Grepper is joining You.com. Read the official announcement!

aws storage multiple file upload (images and videos)

Bloody Bear answered on March 8, 2022 Popularity 4/10 Helpfulness 2/10

answer aws storage multiple file upload (images and videos)

aws storage multiple file upload (images and videos)

Comment

import S3 from "react-aws-s3";

  const config = {
    bucketName: "bucketname",
    dirName: localStorage.getItem("userId"), //store with userid for identification at backend
    region: "eu-west-2",
    accessKeyId: process.env.REACT_APP_AWS_ACCESS_KEY_ID,
    secretAccessKey: process.env.REACT_APP_AWS_SECRET_ACCESS_KEY,
  };
  
        const ReactS3Client = await new S3(config);

      for (let i = 0; i < file.length; i++) {
        const filename = Date.now() + file[i].name;
        const url = await ReactS3Client.uploadFile(file[i], filename)
          .then(async (data) => {
            return data.location;
          })
          .catch((err) => console.error(err));
        file[i] = url;
      }

Popularity 4/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: file-upload javascript storage

Link to this answer
Share Copy Link

Contributed on Mar 08 2022

Bloody Bear

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

aws storage multiple file upload (images and videos)

Contents

More Related Answers

aws storage multiple file upload (images and videos)

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.