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

2026-04-29 11:013阅读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张。claude给的方案是客户端循环:前端并发发 n 次请求,每次 n=1


--【贰】--:

編輯模式應該也是可以當圖像參考用的 你試試看


--【叁】--:

网页版可以,codex free号


--【肆】--:

佬,free号能用吗
image473×144 7.5 KB


--【伍】--:

感谢佬,跑通了。能不能添加一个图像参考呢,现在只有文生图和编辑模式


--【陆】--:

free 号似乎都是提示这个错误了
另外一款 2api 也是 400 工具错误

问题描述:

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张。claude给的方案是客户端循环:前端并发发 n 次请求,每次 n=1


--【贰】--:

編輯模式應該也是可以當圖像參考用的 你試試看


--【叁】--:

网页版可以,codex free号


--【肆】--:

佬,free号能用吗
image473×144 7.5 KB


--【伍】--:

感谢佬,跑通了。能不能添加一个图像参考呢,现在只有文生图和编辑模式


--【陆】--:

free 号似乎都是提示这个错误了
另外一款 2api 也是 400 工具错误