Can a JavaScript File Object be passed from a browser to AWS Lambda via API Gateway (ultimately to S3)? I am working with TypeScript and React.
Environment
Frontend
- TypeScript
- React
- AWS Amplify (for API module)
Backend(AWS Lambda)
- Node.js
Expectations
The goal is to send the File Object, obtained from the browser using <input type='file'>, to the backend AWS Lambda through API Gateway.
Current Situation
When doing a console.log(event) in the backend, the log output comes out empty.
What I Would Like to Know
I am looking for guidance on how to correctly pass the File Object (Blob) to lambda. A link to documentation would greatly help me.
Code (Frontend)
import { API } from 'aws-amplify'
...
const file = { body: this.state.file }
console.log(file) // correctly capturing the File Object at this point
API.post(<API_NAME>, <PATH>, file)
.then(response => {
console.log(response)
}).catch(error => {
console.log(error)
})
Code (Backend)
exports.lambdaHandler = function (event, context, callback) {
console.info(`event.body: ${event.body}`) // receiving `event.body: {}` in Cloud Watch Logs
...
}
Is it possible to achieve my objective by setting Content-Type or another method? (I have not been able to find relevant documentation as I only started programming a year ago).