Making an HTTP request to get cropped images

Questions
1

Hi,

I am using the content delivery and media API and I want to be able to retrieve an image for which I have created a crop for.

screenshot
screenshot1208×575 86.8 KB

When I use the content delivery API to retrieve the document that contains the image and it’s crops I get back the following structure:

"bannerImage": {
                            "url": "/media/4dlfie2y/file_example_jpg_500kb.jpg",
                            "focalPoint": {
                                "left": 0.4847119693670363,
                                "top": 0.11285275103135056
                            },
                            "crops": [
                                {
                                    "alias": "Banner image",
                                    "width": 650,
                                    "height": 400,
                                    "coordinates": null
                                },
                                {
                                    "alias": "Featured image",
                                    "width": 500,
                                    "height": 400,
                                    "coordinates": null
                                }
                            ]
                        }

How can I use this information to retrieve the cropped images from storage, potentially using the media API? I cannot find the docs for this, but I assume I must be able to make two API calls to get “Featured image” and “Banner image”

Thank you in advance.

This is a companion discussion topic for the original entry at https://our.umbraco.com/forum/113388-making-an-http-request-to-get-cropped-images