Serverless I image upload to S3 broken after deploy, local worked only

Question

I trying to upload an image to S3 uses serverless and NodeJS but something wrong after upload. In local uses serverless-offline everything worked like champ but after deploy I got this error. Then I tried to intercept and detect what's happened and see this result:

Some strange character appeared in image body such as <0x0a> 0x01 0x04

I also tried to use serverless-apigw-binary but not luck.

did you use API gateway in front of your AWS Lambda? How you call the serverless function? — xion, Apr 03 '20 at 00:44
Yes, and I am using NestJS. Something like `return serverless.proxy(server, event, context);` — Binh Ho, Apr 03 '20 at 00:47
no, what I mean is AWS API Gateway, you will need to allow file type @ AWS API Gateway if you're using it. — xion, Apr 03 '20 at 00:51
I am facing the same issue and i am also using Nest js with aws-serverless-express, did you find a solution ? — Mickael Zana, Jan 07 '23 at 18:48
@BinhHo you can mark your self-answer as correct in order to bring more attention to it. (I believe) — Gibron, Jan 16 '23 at 21:43

score 7 · Accepted Answer · answered Apr 03 '20 at 00:51

7

Self Answer

Very lucky I just found the solution at binary-media-types

Add this to serverless.yml.

provider:
  # others
  apiGateway:
    binaryMediaTypes:
      - '*/*'

No need serverless-apigw-binary

No need this as well

const binaryMimeTypes = [
  'image/gif',
  'image/png',
  'image/jpeg',
  'image/jpg',
];
...

return serverless.createServer(expressApp, null, binaryMimeTypes)

answered Apr 03 '20 at 00:51

Binh Ho

3,690
1
31
31

1

Should I add headers in the request? I am blocked in https://stackoverflow.com/questions/69810751/image-file-is-not-viewing-uploaded-by-s3 Could you please help me on this – KIRAN K J Nov 10 '21 at 04:43
You can try to debug what happened by `console.log` blob file on API side. Or download uploaded file and check file content/info and see what's happening. – Binh Ho Nov 15 '21 at 09:02
serverless not supporting this. – KIRAN K J Nov 15 '21 at 13:19
1

Thank you @BinhHo, serverless config for API Gateway saved me. I had set the setting in the UI but it did not take... unless there is somekind of enforcement that I am unaware of. Anyway thank you! – Gibron Nov 14 '22 at 21:32

score 4 · Answer 2 · answered Jul 09 '20 at 16:15

Following method worked for me.

If want to upload file through lambda, one way is to open your AWS API Gateway console.

Go to

"API" -> {YourAPI} -> "Settings"

There you will find "Binary Media Types" section.

Add following media type:

multipart/form-data

Save your changes.

Then Go to "Resources" -> "proxy method"(eg. "ANY") -> "Method Request" -> "HTTP Request Headers" and add following headers "Content-Type", "Accept".

Finally deploy your api.

For more info visit: https://docs.aws.amazon.com/apigateway/latest/developerguide/api-gateway-payload-encodings-configure-with-console.html

Serverless I image upload to S3 broken after deploy, local worked only

2 Answers2

Linked