[Images] Upload an image via a Worker (#17288)

* Corrected example

* Added upload an image using a Worker

* Implementing feedback

* Added more background info to AI image task

* Added more info for uploading AI generated image

* Update src/content/docs/images/upload-images/upload-file-worker.mdx

Co-authored-by: hyperlint-ai[bot] <154288675+hyperlint-ai[bot]@users.noreply.github.com>

* Header edit

---------

Co-authored-by: hyperlint-ai[bot] <154288675+hyperlint-ai[bot]@users.noreply.github.com>

Author: dcpena

src/components/models/code/TextToImageCode.astro

@@ -23,14 +23,14 @@ export default {
       prompt: "cyberpunk cat",
     };
 
-    const response = await env.AI.run(
+    const stream = await env.AI.run(
       "${name}",
       inputs
     );
 
     return new Response(response, {
       headers: {
-        "content-type": "image/png",
+        "content-type": "image/jpg",
       },
     });
   },

src/content/docs/images/upload-images/upload-file-worker.mdx

@@ -0,0 +1,56 @@
+---
+pcx_content_type: how-to
+title: Upload via a Worker
+
+---
+
+You can use a Worker to upload your image to Cloudflare Images.
+
+Refer to the example below or refer to the [Workers documentation](/workers/) for more information.
+
+```ts
+const API_URL = "https://api.cloudflare.com/client/v4/accounts/<ACCOUNT_ID>/images/v1";
+const TOKEN = "<YOUR_TOKEN_HERE>";
+
+const image = await fetch("https://example.com/image.png");
+const bytes = await image.bytes();
+
+const formData = new FormData();
+formData.append('file', new File([bytes], 'image.png'));
+
+const response = await fetch(API_URL, {
+  method: 'POST',
+  headers: {
+    'Authorization': `Bearer ${TOKEN}`,
+  },
+  body: formData,
+});
+```
+
+## Upload from AI generated images
+
+You can use an AI Worker to generate an image and then upload that image to store it in Cloudflare Images. For more information about using Workers AI to generate an image, refer to the [SDXL-Lightning Model](/workers-ai/models/stable-diffusion-xl-lightning).
+
+```ts
+const API_URL = "https://api.cloudflare.com/client/v4/accounts/<ACCOUNT_ID>/images/v1";
+const TOKEN = "YOUR_TOKEN_HERE";
+
+const stream = await env.AI.run(
+  "@cf/bytedance/stable-diffusion-xl-lightning",
+  {
+    prompt: YOUR_PROMPT_HERE
+  }
+);
+const bytes = await (new Response(stream)).bytes();
+
+const formData = new FormData();
+formData.append('file', new File([bytes], 'image.jpg');
+
+const response = await fetch(API_URL, {
+  method: 'POST',
+  headers: {
+    'Authorization': `Bearer ${TOKEN}`,
+  },
+  body: formData,
+});
+```