分享一款纯前端image2生图/编辑工具，支持2K/4K，搭配CPA等中...

Grazier (Grazier ) · 2026-06-14 · via NodeLoc - 最新话题

包含生图、编辑两种模式，支持2K/4K出图，4K图大概10MB左右，支持批量请求、并发控制。

所有数据本地缓存，通过发送跨域请求调上游接口，搭配CPA等代理中转食用，有些中转站不支持跨域可以使用Cloudflare Workers或者本地搭个反代，具体脚本随便找个AI就写了。

可选三种生图入口，对应三个生图按钮：
/v1/images/generations，/v1/responses，/v1/chat/completions

另外加了个“保持原始 Prompt”的功能，作用不大聊胜于无，危险提示词还是会被改掉甚至失败，大家有好使的破限提示词可以交流下。

w-d (w-d) 2026 年6 月 14 日 10:41 3

感谢分享

lixia 2026 年6 月 14 日 11:25 5

收藏备用,如果能支持grok就更好了

Grazier (Grazier ) 2026 年6 月 14 日 11:29 6

理论上是支持的，在配置里改生图模型，使用generations入口，但我没测试，兄弟可以试一下，可以的话告诉我一声

lixia 2026 年6 月 14 日 11:45 7

连接成功,成功发送请求,但是生图提示浏览器阻止了跨域请求，请检查上游代理的 CORS 配置。

Grazier (Grazier ) 2026 年6 月 14 日 11:49 9

跨域请求是上游限制的，刚刚新加了“启用跨域请求代理”的功能，刷新下页面，在配置中启用，但需要说明，开启之后你的生图请求会经过我的Cloudflare Workers服务器，当然我这边不会记录任何日志，如果不放心的话可以自行搭建个反代服务，给你贴个Cloudflare Workers反代脚本：

export default {
  async fetch(request) {
    const targetOrigin = "https://替换上游地址.com";
    const url = new URL(request.url);
    const targetUrl = new URL(url.pathname + url.search, targetOrigin);

    // 跨域响应头
    const corsHeaders = {
      "Access-Control-Allow-Origin": "*",
      "Access-Control-Allow-Methods": "GET, HEAD, POST, PUT, DELETE, OPTIONS",
      "Access-Control-Allow-Headers": "*",
      "Access-Control-Max-Age": "86400"
    };

    // 处理 OPTIONS 预检请求，直接返回 204
    if (request.method === "OPTIONS") {
      return new Response(null, {
        status: 204,
        headers: corsHeaders
      });
    }

    // 转发正常请求
    const newReq = new Request(targetUrl, {
      method: request.method,
      headers: request.headers,
      body: request.body,
      redirect: "follow"
    });

    const res = await fetch(newReq);
    const newHeaders = new Headers(res.headers);

    // 追加跨域头到后端响应
    for (const [k, v] of Object.entries(corsHeaders)) {
      newHeaders.set(k, v);
    }

    return new Response(res.body, {
      status: res.status,
      statusText: res.statusText,
      headers: newHeaders
    });
  }
};

lixia

2026 年6 月 14 日 12:06 10

开了“启用跨域请求代理”的功能,但是返回500