sequenceDiagram
participant FE as Frontend
participant BE as Backend
participant CL as Cloud Provider
Note left of FE: Upload images
Note left of FE: POST /api/image/uplaod
Note left of FE: params:<br>{images: [{"data": "...", "type": "url"/"base64", "format_type": "png"}]}
FE->>BE: POST /api/image/upload
BE->>BE: create media
BE->>FE: 200: success: {"images": [{"id": 289}]}
BE->>CL: upload
BE->>BE: generate other formats
BE->>BE: mark media as ready
Note left of FE: Get image
Note left of FE: Get /api/image/1?ext=png
FE->>BE: /api/image/1?ext=png
BE->>BE: Get media based on id
alt no ext query
BE->>FE: 200: return media
else
BE->>BE: Get media media set
BE->>BE: Get media in media set with correct extention
BE->>FE: 200: return media
end