All Topics
All Topics
Technology
Technology
AI
AI
Business
Business
Entertainment
Entertainment
News
News
Programming
Programming
Security
Security
Science
Science
Design
Design
Environment
Environment
Finance
Finance
Crypto
Crypto
Politics
Politics
Sports
Sports
Education
Education
Gaming
Gaming
Art
Art
Music
Music
Health
Health
Books
Books
Food
Food
Travel
Travel
Personal
Personal
Bluesky
Twitter

Cloudflare Images - Bind the Images API to your Worker

1y ago

Source

CloudflareCloudflare Images - Bind the Images API to your Workercloudflare.com
Snippet from the RSS feed
You can now interact with the Images API directly in your Worker. This allows more fine-grained control over transformation request flows and cache behavior. For example, you can resize, manipulate, and overlay images without requiring them to be accessible through a URL. The Images binding can be configured in the Cloudflare dashboard for your Worker or in the Wrangler configuration file in your project's directory: wrangler.jsonc { " images " : { " binding " : "IMAGES" , // i.e. available in your Worker on env.IMAGES }, } wrangler.toml [ images ] binding = "IMAGES" Within your Worker code, you can interact with this binding by using env.IMAGES . Here's how you can rotate, resize, and blur an image, then output the image as AVIF: const info = await env . IMAGES . info ( stream ) ; // stream contains a valid image, and width/height is available on the info object const response = ( await env . IMAGES . input ( stream ) . transform ( { rotate : 90 } ) . transform ( { width : 128 } ) . transform ( { blur : 20 } ) . output ( { format : "image/avif" } ) ) . response () ; return response ; For more information, refer to Images Bindings .

You might also wanna read

Comments

Sign in to join the conversation.

No comments yet. Be the first.