GenPsd

API 对接

通过 URL 查询参数 picurl,把你的业务系统中的图片自动导入 GenPsd 进行编辑,为你的业务系统增加图片编辑能力。

接口说明

参数名 picurl
取值 可公网访问的图片URL,URL必须为 https://
行为 打开页面后自动拉取图片、创建新项目并进入编辑器;成功后地址栏会去掉 picurl
多语言

支持的路径前缀(locale): /zh-cn/ 简体中文、 /zh-tw/ 繁體中文、 /ja/ 日本語、 /ko/ 한국어、 /en/ English。 也可使用根路径 /,由站点根据浏览器语言与 genpsd-locale 本地偏好自动跳转(picurl 会保留)。

方式一:不拼接多语言路径(自动选择语言)

使用站点根路径,首次访问时按系统语言自动进入对应语言页;用户曾在站内切换过语言时,优先使用其保存的偏好。

方式二:拼接多语言路径(指定界面语言)

在路径中写入 locale 前缀,打开即为该语言界面。将下方示例中的 zh-cn 替换为上表任一路径即可。

适用场景

对接步骤

  1. 准备 HTTPS 图片直链(响应为图片文件,非 HTML 页面)。
  2. 确认图片域名允许浏览器跨域读取(响应头含 Access-Control-Allow-Origin,且允许 www.genpsd.com 站点或 *)。
  3. 对图片 URL 做 encodeURIComponent 编码后,拼到 GenPsd 地址的 picurl 参数。
  4. 在新窗口或 iframe 中打开完整链接;用户即可拆层、编辑并导出 PNG / JPG / WEBP / PSD / PPTX。
注意:若图片站未开启 CORS,浏览器会拦截读取,页面将提示「图片暂时打不开」。此时需改为同源代理转发图片,或让用户改用手动上传。

对接案例

案例 1:固定模板跳转

业务侧保存 GenPsd 入口地址,动态替换图片参数:

案例 2:JavaScript 拼接

const imageUrl = "https://cdn.example.com/sku/banner-image.jpg"; const entry = new URL("/zh-cn/", "https://www.genpsd.com"); entry.searchParams.set("picurl", imageUrl); window.open(entry.href, "_blank", "noopener,noreferrer");

案例 3:HTML 按钮

常见问题