How can we upload multiple images using presigned_post url in s3

Question

I am trying to upload multiple images in s3 from react application using aws api gateway. I have tried below approach:

Setup api gateway which target to lambda function.
```
lambda function code:
```

import json
import boto3


def lambda_handler(event, context):
    print(event)
    s3 = boto3.client('s3', region_name='us-east-1')
    bucket_name = 'testimagesbucketupload'

    URL = s3.generate_presigned_post(
            Bucket= bucket_name, 
            Key="${filename}", 

            # Conditions=[
            #     ["starts-with", "$success_action_redirect", ""],
            #     ["eq", "$userid", "test"],
            #     ], 
            ExpiresIn=3600)
    data = {"url": URL['url'], "fields": URL['fields']}
    print(type(data))
    # print(data)
    return data

Using above code i am able to upload single image from web and postman both but now i want to upload multiple image using this url and also want to retrieve image for preview..

If any one worked please help me

Thanks in advance..

I tried presigned_post and presigned-url for achieve this but still i am not able to achieve this

we working on one application in which we have functionality to capture and attach images after capture we need to send all images in s3 but for security purpose we are using presigned url — Shubham Kaushik
– Shubham Kaushik, Commented Feb 13, 2023 at 18:11

rocha-p · Accepted Answer · 2023-02-13 14:54:28Z

1

You'll need to create one url for image, but you can use a loop to create all of them. I think something like this could work for you

import boto3

def lambda_handler(event, context):

    s3 = boto3.client('s3', region_name='us-east-1')
    bucket_name = 'testimagesbucketupload'
    
    image_list = event['image_list'] 

    data = []
    for image in image_list:
        URL = s3.generate_presigned_post(
                Bucket= bucket_name, 
                Key=image, 
                ExpiresIn=3600)
        data.append({"url": URL['url'], "fields": URL['fields']})

    return data

Note that you need to pass a list of images in the event

For the preview, you could use a presigned url to return the image as a public url...

from botocore.client import Config
import boto3

s3 = boto3.client('s3', config=Config(signature_version='s3v4'), region_name = "your_region")

presigned_url = s3.generate_presigned_url('get_object',
                                Params={'Bucket': "your_bucket",
                                        'Key': "your_file_key"},
                                ExpiresIn=3600)
presigned_url

edited Feb 13, 2023 at 14:54

answered Feb 13, 2023 at 14:14

rocha-p

1,4411 gold badge6 silver badges12 bronze badges

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

3 Comments

Shubham Kaushik Over a year ago

For multiple image: Now my flow is like this : 1. when i hit my first post api then i will get url in response with fileds 2. In second step i sent image with post url which i got through from 1st step so sending the list of image in first step is the correct approach ? because same thing we also achieve through presigned url to generate different url for each image any other way in which we upload multiple/bulk image

rocha-p Over a year ago

You can modify your code to work with a list of images/url so you need to make fewer requests to your API. You'll get the same results but in a more efficient way

Shubham Kaushik Over a year ago

if you have any example can you add it here

Collectives™ on Stack Overflow

How can we upload multiple images using presigned_post url in s3

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related