Issue with uploading Image to Amazon S3 Bucket from Angular app

Question

I am trying to upload a base64 image from Angular app to Amazon S3 bucket. Following is the code I am using.

uploadAssets(base64File, assetType, fileName, file) {

const AWSService = AWS;
const region = ""
const bucketName = "";
const identityPoolId = "";
const accessKeyId = "";
const secretAccessKey = "";


AWSService.config.update({
    region: region,
    accessKeyId: accessKeyId,
    secretAccessKey: secretAccessKey,
    credentials: new AWSService.CognitoIdentityCredentials({
    IdentityPoolId: identityPoolId
    })
});

const s3 = new AWSService.S3({
    apiVersion: '',
});

var objKey = bucketName+ "/" + fileName;
var params = {
    Key: objKey,
    ContentType: file.type,
    Bucket: bucketName,
    Body: base64File,
    ContentEncoding: 'base64',
    ACL: 'public-read'
};

s3.upload(params, function (err, data) {
    if (err) {
        console.log(err, 'there was an error uploading your file');
    } else {
        console.log(data);
    }
});

}

For some reason, I am getting the following error

TypeError: Cannot read property 'byteLength' of undefined

Am I missing something here?

Where is the error coming from? Is it from the s3 library? Is it from a network request? Is it in your code? It sounds like you're passing an undefined value to something expecting a stream. — joh04667
– joh04667, Commented Dec 12, 2018 at 21:09
The error is coming from s3 library. The .upload functions receive an error. I have done similar stuff on Node.js, however on Angular I receive an error — angraankit
– angraankit, Commented Dec 12, 2018 at 21:13

touchydeer36 · Accepted Answer · 2021-01-04 07:37:12Z

1

It worked for me when I changed secretAccessKey to secretKey

answered Jan 4, 2021 at 7:37

touchydeer36

15210 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

JJE Over a year ago

Where did this idea come from?

Collectives™ on Stack Overflow

Issue with uploading Image to Amazon S3 Bucket from Angular app

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related