SignatureDoesNotMatch <Message>The request signature we calculated does not match the signature you provided. Check your key and signing method.</Message>

[tegarmonster]

Hello,
I already put object (image and pdf) to S3 with presigned URL, but when I clicked the URL, the error is:

<SignatureDoesNotMatch> 
<Message>The request signature we calculated does not match the signature you provided. Check your key and signing method.</Message>

also, I can't open the file after donwload it.. broken image or pdf

whats wrong with my code?

this is my package i use:
"@aws-sdk/client-s3": "^3.425.0",
"@aws-sdk/s3-request-presigner": "^3.425.0

this is my Frontend code to update presigned URL
const getPreSignedURL = async (body: FormData) => { const response = await fetch(/api/put-s3-object, { method: "PUT", body, }); return await response.json(); };

the backend code: (use NextJS API)

for (const key of Object.keys(files)) {
        const persistentFile = files[key];

        if (persistentFile) {
          for (const file of persistentFile) {
            const command = new PutObjectCommand({
              Bucket: bucket,
              Key: `company/${companyId}/${file.originalFilename}`,
            });

            const preSignedURL = await getSignedUrl(client, command, {
              expiresIn: 3600,
            });

            if (preSignedURL) response.push(preSignedURL);
          }
        }
      }

This is my Frontend code for put object to S3

const putObjectToS3 = async (presignedURL: string, body: FormData) => {
    const response = await fetch(presignedURL, {
      method: "PUT",
      headers: {
        "Content-Type": "multipart/form-data",
      },
      body,
    });
    return response.url;
  };
  
   const attachementResponse = await getPreSignedURL(allAttachment!);
      if (attachementResponse.data) {
        for (const url of attachementResponse.data) {
          const test = await putObjectToS3(
            url as string,
            allAttachment as FormData
          );
          console.log(test);
        }
   }

Thank you

[github-actions[bot]]

Hello! Reopening this discussion to make it searchable.