shiyue/OpenRouter_Image
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

改为 grok 了

Browse Source
This commit is contained in:
shiyue
2026-02-05 17:46:08 +08:00
parent b69b7782e5
commit d6e43d5324
6 changed files with 145 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
index.html
View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OpenRouter Image Generator</title>
<title>Grok Image Generator</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<link href="styles.css" rel="stylesheet">
@@ -16,9 +16,9 @@
<div class="card-header">
<h1 class="mb-0">
<i class="fas fa-image me-2"></i>
OpenRouter Image Generator
Grok Image Generator
</h1>
<p class="mb-0 mt-2">基于OpenRouter API的智能图像生成工具</p>
<p class="mb-0 mt-2">基于 Grok API 的智能图像生成工具</p>
</div>
<div class="card-body">
<!-- 设置面板 -->
@@ -35,30 +35,39 @@
<div class="col-md-6">
<div class="mb-3">
<label for="apiKey" class="form-label">API Key</label>
<input type="password" class="form-control" id="apiKey" placeholder="输入您的OpenRouter API Key">
<input type="password" class="form-control" id="apiKey" placeholder="输入您的 API Key">
</div>
</div>
<div class="col-md-6">
<div class="mb-3">
<label for="baseUrl" class="form-label">Base URL</label>
<input type="url" class="form-control" id="baseUrl" value="https://openrouter.ai/api/v1">
<label for="baseUrl" class="form-label">API 地址</label>
<input type="url" class="form-control" id="baseUrl" placeholder="输入 API 地址，如 http://localhost:8000">
</div>
</div>
<div class="col-md-4">
<div class="col-md-3">
<div class="mb-3">
<label for="model" class="form-label">模型</label>
<select class="form-select" id="model">
<option value="google/gemini-2.5-flash-image-preview:free">Google Gemini 2.5 Flash Image Preview (Free)</option>
<option value="grok-imagine-1.0">Grok Imagine 1.0</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="col-md-3">
<div class="mb-3">
<label for="responseFormat" class="form-label">响应格式</label>
<select class="form-select" id="responseFormat">
<option value="b64_json">Base64 (推荐)</option>
<option value="url">URL</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="mb-3">
<label for="timeout" class="form-label">超时时间 (秒)</label>
<input type="number" class="form-control" id="timeout" value="600">
</div>
</div>
<div class="col-md-4">
<div class="col-md-3">
<div class="mb-3">
<label for="proxy" class="form-label">代理 (可选)</label>
<input type="url" class="form-control" id="proxy" placeholder="http://proxy:port">
@@ -84,17 +93,17 @@
</div>
</div>
<!-- 图像上传区域 -->
<!-- 图像上传区域（当前 API 不支持） -->
<div class="mb-4">
<h5><i class="fas fa-upload me-2"></i>上传参考图像</h5>
<h5><i class="fas fa-upload me-2"></i>上传参考图像 <span class="badge bg-secondary">暂不支持</span></h5>
<div class="row">
<div class="col-md-4">
<div class="border-2 border-dashed rounded p-4 text-center h-100 d-flex flex-column justify-content-center" id="dropZone">
<div class="border-2 border-dashed rounded p-4 text-center h-100 d-flex flex-column justify-content-center bg-light" id="dropZone" style="opacity: 0.6;">
<i class="fas fa-cloud-upload-alt fa-3x text-muted mb-3"></i>
<p class="text-muted">拖拽图像到此处或点击选择文件 (最多10张)</p>
<input type="file" class="d-none" id="imageInput" accept="image/*" multiple>
<button class="btn btn-outline-primary" onclick="document.getElementById('imageInput').click()">
选择图像
<p class="text-muted">当前 API 仅支持文本生成图像，暂不支持图像编辑</p>
<input type="file" class="d-none" id="imageInput" accept="image/*" multiple disabled>
<button class="btn btn-outline-secondary" disabled>
功能暂不可用
</button>
</div>
</div>