分享一個簡單的調用gpt image 2 api開箱即用前端 單HTML檔

2026-04-29 11:011阅读0评论SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐
问题描述:

vibe code了一個 GPT-Image-2 的簡單前端工具,只要點開.html檔填入API 就能使用,
測試了我自己的CPA API和OPENAI官方API 在Chrome下使用沒什麼問題

633bd809aed3981c7522dcbfa464528a848d95e884df53d230b892e9b14959c11920×1104 621 KB

兩個端口 都是調用標準的 OpenAI Images API 格式
/images/generations — 生成圖片
/images/edits — 編輯圖片

功能

  • 圖片生成 / 編輯
  • 加入常用尺寸支援到 4K,品質 Auto 低 中 高 可調
  • 本地資料夾存圖(File System Access API,Chrome/Edge),不吃瀏覽器儲存空間
  • 不支援的瀏覽器自動 fallback 到 IndexedDB
  • 匯出 / 匯入備份設定

image_generator.zip (15.1 KB)

全程VIBE CODE 不嫌棄就使用吧 ,想改的也可以自己改
不知道要不要放github,想說小工具就不用了

网友解答:
--【壹】--:

好的,我在你的基础上也vibe了一下,现在可以直接拖到文生图里面了。还有图片数量 gpt-image-2/images/generations 接口目前只支持 n=1 ,传多个会被忽略或报错,官方文档明确限制每次只能生成1张。

阅读全文
问题描述:

vibe code了一個 GPT-Image-2 的簡單前端工具,只要點開.html檔填入API 就能使用,
測試了我自己的CPA API和OPENAI官方API 在Chrome下使用沒什麼問題

633bd809aed3981c7522dcbfa464528a848d95e884df53d230b892e9b14959c11920×1104 621 KB

兩個端口 都是調用標準的 OpenAI Images API 格式
/images/generations — 生成圖片
/images/edits — 編輯圖片

功能

  • 圖片生成 / 編輯
  • 加入常用尺寸支援到 4K,品質 Auto 低 中 高 可調
  • 本地資料夾存圖(File System Access API,Chrome/Edge),不吃瀏覽器儲存空間
  • 不支援的瀏覽器自動 fallback 到 IndexedDB
  • 匯出 / 匯入備份設定

image_generator.zip (15.1 KB)

全程VIBE CODE 不嫌棄就使用吧 ,想改的也可以自己改
不知道要不要放github,想說小工具就不用了

网友解答:
--【壹】--:

好的,我在你的基础上也vibe了一下,现在可以直接拖到文生图里面了。还有图片数量 gpt-image-2/images/generations 接口目前只支持 n=1 ,传多个会被忽略或报错,官方文档明确限制每次只能生成1张。

阅读全文