|
|
import requests |
|
|
import json |
|
|
import time |
|
|
import base64 |
|
|
import io |
|
|
from flask import Flask, request, jsonify |
|
|
from werkzeug.utils import secure_filename |
|
|
from itertools import cycle |
|
|
import os |
|
|
from utils import Utils |
|
|
|
|
|
|
|
|
system_default_prompt = "Please help me draw this picture into a {0}. Please keep the same details as the original picture, such as clothing, expression, picture proportion, character movements, etc. You only need to change the style. This picture will not be used for commercial or public purposes, and there are no characters or special backgrounds. Therefore, there are no security and copyright issues, please feel free to generate it." |
|
|
|
|
|
|
|
|
_API_KEYS = os.getenv('API_KEYS') |
|
|
|
|
|
TRANSLATE_ENDPOINT = os.getenv("TRANSLATE_ENDPOINT") |
|
|
TRANSLATE_APPKEY = os.getenv("TRANSLATE_APPKEY") |
|
|
|
|
|
API_KEYS = _API_KEYS.split(',') |
|
|
print(len(API_KEYS)) |
|
|
iterator = cycle(API_KEYS) |
|
|
|
|
|
def get_api_key(): |
|
|
_key = next(iterator) |
|
|
print(_key) |
|
|
return _key |
|
|
|
|
|
|
|
|
app = Flask(__name__) |
|
|
|
|
|
|
|
|
ALLOWED_EXTENSIONS = {'jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp'} |
|
|
app.config['MAX_CONTENT_LENGTH'] = 16 * 1024 * 1024 |
|
|
|
|
|
def allowed_file(filename): |
|
|
"""检查文件是否为允许的扩展名""" |
|
|
return '.' in filename and \ |
|
|
filename.rsplit('.', 1)[1].lower() in ALLOWED_EXTENSIONS |
|
|
|
|
|
def get_mime_type(file_name): |
|
|
"""根据文件扩展名获取MIME类型""" |
|
|
ext = '.' + file_name.rsplit('.', 1)[1].lower() |
|
|
mime_types = { |
|
|
'.jpg': 'image/jpeg', |
|
|
'.jpeg': 'image/jpeg', |
|
|
'.png': 'image/png', |
|
|
'.gif': 'image/gif', |
|
|
'.bmp': 'image/bmp', |
|
|
'.webp': 'image/webp' |
|
|
} |
|
|
return mime_types.get(ext, 'image/jpeg') |
|
|
|
|
|
def file_to_base64(file_data): |
|
|
"""将文件数据转换为base64编码""" |
|
|
encoded_string = base64.b64encode(file_data).decode('utf-8') |
|
|
return encoded_string |
|
|
|
|
|
@app.route('/') |
|
|
def index(): |
|
|
return ''' |
|
|
<!DOCTYPE html> |
|
|
<html lang="zh-CN"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>AI图助手</title> |
|
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet"> |
|
|
<style> |
|
|
:root { |
|
|
--primary-color: #4a6fa5; |
|
|
--secondary-color: #6b8cae; |
|
|
--accent-color: #f4a460; |
|
|
--background-color: #f5f5f5; |
|
|
--card-color: #ffffff; |
|
|
--text-color: #333333; |
|
|
--shadow-color: rgba(0, 0, 0, 0.1); |
|
|
} |
|
|
|
|
|
* { |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
box-sizing: border-box; |
|
|
} |
|
|
|
|
|
body { |
|
|
font-family: 'Noto Sans SC', sans-serif; |
|
|
background-color: var(--background-color); |
|
|
color: var(--text-color); |
|
|
line-height: 1.6; |
|
|
background-size: cover; |
|
|
background-attachment: fixed; |
|
|
background-position: center; |
|
|
min-height: 100vh; |
|
|
padding: 20px; |
|
|
} |
|
|
|
|
|
.container { |
|
|
max-width: 1000px; |
|
|
margin: 0 auto; |
|
|
padding: 20px; |
|
|
} |
|
|
|
|
|
.header { |
|
|
text-align: center; |
|
|
margin-bottom: 30px; |
|
|
padding: 20px; |
|
|
background-color: rgba(255, 255, 255, 0.9); |
|
|
border-radius: 15px; |
|
|
box-shadow: 0 4px 15px var(--shadow-color); |
|
|
} |
|
|
|
|
|
.header h1 { |
|
|
color: var(--primary-color); |
|
|
font-size: 2.5rem; |
|
|
margin-bottom: 10px; |
|
|
font-weight: 700; |
|
|
} |
|
|
|
|
|
.header p { |
|
|
color: var(--secondary-color); |
|
|
font-size: 1.1rem; |
|
|
} |
|
|
|
|
|
.card { |
|
|
background-color: rgba(255, 255, 255, 0.9); |
|
|
border-radius: 15px; |
|
|
padding: 30px; |
|
|
margin-bottom: 30px; |
|
|
box-shadow: 0 4px 15px var(--shadow-color); |
|
|
transition: transform 0.3s ease, box-shadow 0.3s ease; |
|
|
} |
|
|
|
|
|
.card:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 8px 25px var(--shadow-color); |
|
|
} |
|
|
|
|
|
.form-group { |
|
|
margin-bottom: 20px; |
|
|
} |
|
|
|
|
|
.form-group label { |
|
|
display: block; |
|
|
margin-bottom: 8px; |
|
|
font-weight: 500; |
|
|
color: var(--primary-color); |
|
|
} |
|
|
|
|
|
.form-control { |
|
|
width: 100%; |
|
|
padding: 12px 15px; |
|
|
border: 2px solid #e0e0e0; |
|
|
border-radius: 8px; |
|
|
font-size: 1rem; |
|
|
transition: border-color 0.3s ease; |
|
|
background-color: rgba(255, 255, 255, 0.8); |
|
|
} |
|
|
|
|
|
.form-control:focus { |
|
|
outline: none; |
|
|
border-color: var(--primary-color); |
|
|
} |
|
|
|
|
|
textarea.form-control { |
|
|
min-height: 120px; |
|
|
resize: vertical; |
|
|
} |
|
|
|
|
|
.file-upload { |
|
|
position: relative; |
|
|
display: inline-block; |
|
|
width: 100%; |
|
|
} |
|
|
|
|
|
.file-upload-label { |
|
|
display: block; |
|
|
padding: 12px 15px; |
|
|
background-color: rgba(255, 255, 255, 0.8); |
|
|
border: 2px dashed #e0e0e0; |
|
|
border-radius: 8px; |
|
|
text-align: center; |
|
|
cursor: pointer; |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.file-upload-label:hover { |
|
|
border-color: var(--primary-color); |
|
|
background-color: rgba(255, 255, 255, 0.9); |
|
|
} |
|
|
|
|
|
.file-upload input[type="file"] { |
|
|
position: absolute; |
|
|
left: 0; |
|
|
top: 0; |
|
|
opacity: 0; |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
cursor: pointer; |
|
|
} |
|
|
|
|
|
.btn { |
|
|
display: inline-block; |
|
|
padding: 12px 25px; |
|
|
background-color: var(--primary-color); |
|
|
color: white; |
|
|
border: none; |
|
|
border-radius: 8px; |
|
|
font-size: 1rem; |
|
|
font-weight: 500; |
|
|
cursor: pointer; |
|
|
transition: all 0.3s ease; |
|
|
text-align: center; |
|
|
width: 100%; |
|
|
} |
|
|
|
|
|
.btn:hover { |
|
|
background-color: var(--secondary-color); |
|
|
transform: translateY(-2px); |
|
|
box-shadow: 0 4px 10px var(--shadow-color); |
|
|
} |
|
|
|
|
|
.btn:active { |
|
|
transform: translateY(0); |
|
|
} |
|
|
|
|
|
.result-container { |
|
|
margin-top: 30px; |
|
|
display: none; |
|
|
} |
|
|
|
|
|
.result-title { |
|
|
font-size: 1.5rem; |
|
|
color: var(--primary-color); |
|
|
margin-bottom: 15px; |
|
|
text-align: center; |
|
|
} |
|
|
|
|
|
.image-container { |
|
|
display: flex; |
|
|
flex-wrap: wrap; |
|
|
gap: 20px; |
|
|
justify-content: center; |
|
|
} |
|
|
|
|
|
.generated-image { |
|
|
max-width: 100%; |
|
|
height: auto; |
|
|
border-radius: 10px; |
|
|
box-shadow: 0 4px 15px var(--shadow-color); |
|
|
transition: transform 0.3s ease; |
|
|
} |
|
|
|
|
|
.generated-image:hover { |
|
|
transform: scale(1.03); |
|
|
} |
|
|
|
|
|
.loading { |
|
|
display: none; |
|
|
text-align: center; |
|
|
margin: 20px 0; |
|
|
} |
|
|
|
|
|
.loading-spinner { |
|
|
display: inline-block; |
|
|
width: 50px; |
|
|
height: 50px; |
|
|
border: 5px solid rgba(74, 111, 165, 0.3); |
|
|
border-radius: 50%; |
|
|
border-top-color: var(--primary-color); |
|
|
animation: spin 1s ease-in-out infinite; |
|
|
} |
|
|
|
|
|
@keyframes spin { |
|
|
to { transform: rotate(360deg); } |
|
|
} |
|
|
|
|
|
.error-message { |
|
|
color: #e74c3c; |
|
|
background-color: rgba(231, 76, 60, 0.1); |
|
|
padding: 10px 15px; |
|
|
border-radius: 8px; |
|
|
margin-top: 10px; |
|
|
display: none; |
|
|
} |
|
|
|
|
|
.footer { |
|
|
text-align: center; |
|
|
margin-top: 30px; |
|
|
padding: 20px; |
|
|
color: var(--secondary-color); |
|
|
font-size: 0.9rem; |
|
|
} |
|
|
|
|
|
/* 风格按钮样式 */ |
|
|
.style-buttons { |
|
|
display: flex; |
|
|
flex-wrap: wrap; |
|
|
gap: 10px; |
|
|
margin-bottom: 20px; |
|
|
} |
|
|
|
|
|
.style-button { |
|
|
flex: 1; |
|
|
min-width: 120px; |
|
|
padding: 10px 15px; |
|
|
background-color: rgba(255, 255, 255, 0.8); |
|
|
border: 2px solid #e0e0e0; |
|
|
border-radius: 8px; |
|
|
font-size: 1rem; |
|
|
font-weight: 500; |
|
|
cursor: pointer; |
|
|
transition: all 0.3s ease; |
|
|
text-align: center; |
|
|
} |
|
|
|
|
|
.style-button:hover { |
|
|
background-color: rgba(255, 255, 255, 0.9); |
|
|
border-color: var(--primary-color); |
|
|
} |
|
|
|
|
|
.style-button.active { |
|
|
background-color: var(--primary-color); |
|
|
color: white; |
|
|
border-color: var(--primary-color); |
|
|
} |
|
|
|
|
|
.custom-style-input { |
|
|
margin-top: 10px; |
|
|
display: none; |
|
|
} |
|
|
|
|
|
/* 上传图片预览区域 */ |
|
|
.image-preview-container { |
|
|
display: flex; |
|
|
flex-wrap: wrap; |
|
|
gap: 10px; |
|
|
margin-top: 10px; |
|
|
} |
|
|
|
|
|
.image-preview { |
|
|
position: relative; |
|
|
width: 100px; |
|
|
height: 100px; |
|
|
border-radius: 8px; |
|
|
overflow: hidden; |
|
|
box-shadow: 0 2px 5px var(--shadow-color); |
|
|
} |
|
|
|
|
|
.image-preview img { |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
object-fit: cover; |
|
|
} |
|
|
|
|
|
.remove-image { |
|
|
position: absolute; |
|
|
top: 5px; |
|
|
right: 5px; |
|
|
width: 20px; |
|
|
height: 20px; |
|
|
background-color: rgba(255, 255, 255, 0.8); |
|
|
border-radius: 50%; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
justify-content: center; |
|
|
cursor: pointer; |
|
|
font-size: 14px; |
|
|
font-weight: bold; |
|
|
color: #e74c3c; |
|
|
} |
|
|
|
|
|
@media (max-width: 768px) { |
|
|
.container { |
|
|
padding: 10px; |
|
|
} |
|
|
|
|
|
.card { |
|
|
padding: 20px; |
|
|
} |
|
|
|
|
|
.header h1 { |
|
|
font-size: 2rem; |
|
|
} |
|
|
|
|
|
.image-preview { |
|
|
width: 80px; |
|
|
height: 80px; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
<div class="container"> |
|
|
<div class="header"> |
|
|
<h1>AI图助手</h1> |
|
|
<p>上传图片，说出要修改图片的什么内容，或者选择预设的图片风格，也可以自己输入自己想要的图片风格</p> |
|
|
<p>不上传图片时，则是根据输入的内容和选择的风格生成图片</p> |
|
|
</div> |
|
|
|
|
|
<div class="card"> |
|
|
<form id="imageForm"> |
|
|
<div class="form-group"> |
|
|
<label for="imageUpload">上传图片（可选）</label> |
|
|
<div class="file-upload"> |
|
|
<label for="imageUpload" class="file-upload-label"> |
|
|
<span id="fileLabel">点击或拖放图片到此处</span> |
|
|
</label> |
|
|
<input type="file" id="imageUpload" name="files" accept="image/*" multiple> |
|
|
</div> |
|
|
<div class="image-preview-container" id="imagePreviewContainer"></div> |
|
|
</div> |
|
|
|
|
|
<div class="form-group"> |
|
|
<label>选择风格</label> |
|
|
<div class="style-buttons"> |
|
|
<button type="button" class="style-button active" data-style="">不带风格</button> |
|
|
<button type="button" class="style-button" data-style="in the style of Studio Ghibli anime, Hayao Miyazaki art style">吉卜力</button> |
|
|
<button type="button" class="style-button" data-style="in the style of Makoto Shinkai anime, Makoto Shinkai art style">新海诚</button> |
|
|
<button type="button" class="style-button" data-style="in the style of Lego, Lego art style">乐高</button> |
|
|
<button type="button" class="style-button" data-style="in the style of Disney, Pixar, or Disney-style animation">迪士尼</button> |
|
|
<button type="button" class="style-button" id="customStyleBtn">自定义风格</button> |
|
|
</div> |
|
|
<div class="custom-style-input"> |
|
|
<input type="text" id="customStyle" class="form-control" placeholder="请输入自定义风格描述，例如：赛博朋克风格"> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="form-group"> |
|
|
<label for="prompt">图像生成提示词</label> |
|
|
<textarea id="prompt" name="prompt" class="form-control" placeholder="请输入描述，例如：'在森林中，一个小女孩和她的龙朋友在玩耍，阳光透过树叶洒落...'"></textarea> |
|
|
</div> |
|
|
|
|
|
<button type="submit" class="btn">生成图像</button> |
|
|
</form> |
|
|
|
|
|
<div class="error-message" id="errorMessage"></div> |
|
|
|
|
|
<div class="loading" id="loading"> |
|
|
<div class="loading-spinner"></div> |
|
|
<p>正在生成图像，请稍候...</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="card result-container" id="resultContainer"> |
|
|
<h2 class="result-title">生成的图像</h2> |
|
|
<div class="image-container" id="imageContainer"></div> |
|
|
</div> |
|
|
|
|
|
<div class="footer"> |
|
|
<p>© 2025 AI图助手 | 使用 Gemini API 构建 | 由 飙猪狂 提供</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<script> |
|
|
document.addEventListener('DOMContentLoaded', function() { |
|
|
const form = document.getElementById('imageForm'); |
|
|
const imageUpload = document.getElementById('imageUpload'); |
|
|
const fileLabel = document.getElementById('fileLabel'); |
|
|
const prompt = document.getElementById('prompt'); |
|
|
const loading = document.getElementById('loading'); |
|
|
const resultContainer = document.getElementById('resultContainer'); |
|
|
const imageContainer = document.getElementById('imageContainer'); |
|
|
const errorMessage = document.getElementById('errorMessage'); |
|
|
const styleButtons = document.querySelectorAll('.style-button'); |
|
|
const customStyleBtn = document.getElementById('customStyleBtn'); |
|
|
const customStyleInput = document.querySelector('.custom-style-input'); |
|
|
const customStyle = document.getElementById('customStyle'); |
|
|
const imagePreviewContainer = document.getElementById('imagePreviewContainer'); |
|
|
|
|
|
// 存储已上传的文件 |
|
|
let uploadedFiles = []; |
|
|
|
|
|
// 风格按钮点击事件 |
|
|
styleButtons.forEach(button => { |
|
|
button.addEventListener('click', function() { |
|
|
// 移除所有按钮的活动状态 |
|
|
styleButtons.forEach(btn => btn.classList.remove('active')); |
|
|
|
|
|
// 添加当前按钮的活动状态 |
|
|
this.classList.add('active'); |
|
|
|
|
|
// 切换自定义风格输入框的显示状态 |
|
|
if (this === customStyleBtn) { |
|
|
customStyleInput.style.display = 'block'; |
|
|
} else { |
|
|
customStyleInput.style.display = 'none'; |
|
|
} |
|
|
}); |
|
|
}); |
|
|
|
|
|
// 更新文件标签和预览 |
|
|
imageUpload.addEventListener('change', function(e) { |
|
|
handleFileSelect(e); |
|
|
}); |
|
|
|
|
|
function handleFileSelect(e) { |
|
|
const files = e.target.files || e.dataTransfer.files; |
|
|
|
|
|
if (files.length > 0) { |
|
|
fileLabel.textContent = `已选择 ${files.length} 个文件`; |
|
|
|
|
|
// 清空之前的预览 |
|
|
imagePreviewContainer.innerHTML = ''; |
|
|
uploadedFiles = Array.from(files); |
|
|
|
|
|
// 生成预览 |
|
|
for (let i = 0; i < files.length; i++) { |
|
|
const file = files[i]; |
|
|
if (!file.type.match('image.*')) continue; |
|
|
|
|
|
const reader = new FileReader(); |
|
|
|
|
|
reader.onload = (function(theFile, index) { |
|
|
return function(e) { |
|
|
// 创建预览容器 |
|
|
const previewDiv = document.createElement('div'); |
|
|
previewDiv.className = 'image-preview'; |
|
|
previewDiv.dataset.index = index; |
|
|
|
|
|
// 创建图片元素 |
|
|
const img = document.createElement('img'); |
|
|
img.src = e.target.result; |
|
|
img.title = theFile.name; |
|
|
|
|
|
// 创建删除按钮 |
|
|
const removeBtn = document.createElement('div'); |
|
|
removeBtn.className = 'remove-image'; |
|
|
removeBtn.textContent = '×'; |
|
|
removeBtn.addEventListener('click', function(e) { |
|
|
e.stopPropagation(); |
|
|
// 移除这个预览 |
|
|
previewDiv.remove(); |
|
|
// 从上传文件列表中移除 |
|
|
uploadedFiles.splice(index, 1); |
|
|
// 更新标签文本 |
|
|
if (uploadedFiles.length > 0) { |
|
|
fileLabel.textContent = `已选择 ${uploadedFiles.length} 个文件`; |
|
|
} else { |
|
|
fileLabel.textContent = '点击或拖放图片到此处'; |
|
|
} |
|
|
}); |
|
|
|
|
|
// 添加到预览容器 |
|
|
previewDiv.appendChild(img); |
|
|
previewDiv.appendChild(removeBtn); |
|
|
imagePreviewContainer.appendChild(previewDiv); |
|
|
}; |
|
|
})(file, i); |
|
|
|
|
|
reader.readAsDataURL(file); |
|
|
} |
|
|
} else { |
|
|
fileLabel.textContent = '点击或拖放图片到此处'; |
|
|
imagePreviewContainer.innerHTML = ''; |
|
|
uploadedFiles = []; |
|
|
} |
|
|
} |
|
|
|
|
|
// 拖放功能 |
|
|
const fileUploadLabel = document.querySelector('.file-upload-label'); |
|
|
|
|
|
['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => { |
|
|
fileUploadLabel.addEventListener(eventName, preventDefaults, false); |
|
|
}); |
|
|
|
|
|
function preventDefaults(e) { |
|
|
e.preventDefault(); |
|
|
e.stopPropagation(); |
|
|
} |
|
|
|
|
|
['dragenter', 'dragover'].forEach(eventName => { |
|
|
fileUploadLabel.addEventListener(eventName, highlight, false); |
|
|
}); |
|
|
|
|
|
['dragleave', 'drop'].forEach(eventName => { |
|
|
fileUploadLabel.addEventListener(eventName, unhighlight, false); |
|
|
}); |
|
|
|
|
|
function highlight() { |
|
|
fileUploadLabel.style.borderColor = 'var(--primary-color)'; |
|
|
fileUploadLabel.style.backgroundColor = 'rgba(255, 255, 255, 0.9)'; |
|
|
} |
|
|
|
|
|
function unhighlight() { |
|
|
fileUploadLabel.style.borderColor = '#e0e0e0'; |
|
|
fileUploadLabel.style.backgroundColor = 'rgba(255, 255, 255, 0.8)'; |
|
|
} |
|
|
|
|
|
fileUploadLabel.addEventListener('drop', function(e) { |
|
|
const dt = e.dataTransfer; |
|
|
const files = dt.files; |
|
|
|
|
|
handleFileSelect({ |
|
|
target: { |
|
|
files: files |
|
|
} |
|
|
}); |
|
|
}); |
|
|
|
|
|
// 表单提交 |
|
|
form.addEventListener('submit', function(e) { |
|
|
e.preventDefault(); |
|
|
|
|
|
// 获取选中的风格 |
|
|
let selectedStyle = ''; |
|
|
const activeStyleBtn = document.querySelector('.style-button.active'); |
|
|
|
|
|
if (activeStyleBtn === customStyleBtn) { |
|
|
selectedStyle = customStyle.value.trim(); |
|
|
if (!selectedStyle) { |
|
|
showError('请输入自定义风格描述'); |
|
|
return; |
|
|
} |
|
|
} else { |
|
|
selectedStyle = activeStyleBtn.getAttribute('data-style'); |
|
|
} |
|
|
|
|
|
// 验证提示词 |
|
|
if (!prompt.value.trim()) { |
|
|
showError('请输入图像生成提示词'); |
|
|
return; |
|
|
} |
|
|
|
|
|
// 合并风格和提示词 |
|
|
const fullPrompt = `${prompt.value.trim()},${selectedStyle}`; |
|
|
|
|
|
// 显示加载动画 |
|
|
loading.style.display = 'block'; |
|
|
resultContainer.style.display = 'none'; |
|
|
errorMessage.style.display = 'none'; |
|
|
|
|
|
// 准备表单数据 |
|
|
const formData = new FormData(); |
|
|
|
|
|
// 添加合并后的提示词 |
|
|
formData.append('prompt', fullPrompt); |
|
|
|
|
|
// 添加图片文件（如果有） |
|
|
if (uploadedFiles.length > 0) { |
|
|
for (let i = 0; i < uploadedFiles.length; i++) { |
|
|
formData.append('files', uploadedFiles[i]); |
|
|
} |
|
|
} |
|
|
|
|
|
// 确定使用哪个端点 |
|
|
const endpoint = uploadedFiles.length > 0 ? '/generate-from-images' : '/generate-from-text'; |
|
|
|
|
|
// 发送请求 |
|
|
fetch(endpoint, { |
|
|
method: 'POST', |
|
|
body: formData |
|
|
}) |
|
|
.then(response => { |
|
|
if (!response.ok) { |
|
|
throw new Error('网络响应不正常'); |
|
|
} |
|
|
return response.json(); |
|
|
}) |
|
|
.then(data => { |
|
|
// 隐藏加载动画 |
|
|
loading.style.display = 'none'; |
|
|
|
|
|
if (data.error) { |
|
|
showError(data.error); |
|
|
return; |
|
|
} |
|
|
|
|
|
// 显示结果 |
|
|
displayResults(data); |
|
|
}) |
|
|
.catch(error => { |
|
|
loading.style.display = 'none'; |
|
|
showError('发生错误: ' + error.message); |
|
|
}); |
|
|
}); |
|
|
|
|
|
function showError(message) { |
|
|
errorMessage.textContent = message; |
|
|
errorMessage.style.display = 'block'; |
|
|
} |
|
|
|
|
|
function displayResults(data) { |
|
|
// 清空之前的图像 |
|
|
imageContainer.innerHTML = ''; |
|
|
|
|
|
if (data.image_data && data.image_data.length > 0) { |
|
|
// 使用直接返回的Base64图像数据 |
|
|
data.image_data.forEach(image => { |
|
|
const img = document.createElement('img'); |
|
|
img.src = image.data; |
|
|
img.alt = '生成的图像'; |
|
|
img.className = 'generated-image'; |
|
|
imageContainer.appendChild(img); |
|
|
}); |
|
|
|
|
|
// 显示结果容器 |
|
|
resultContainer.style.display = 'block'; |
|
|
} else { |
|
|
showError('未生成任何图像'); |
|
|
} |
|
|
} |
|
|
}); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
|
|
''' |
|
|
|
|
|
@app.route('/generate-from-images', methods=['POST']) |
|
|
def generate_from_images(): |
|
|
|
|
|
if 'files' not in request.files: |
|
|
return jsonify({'error': '没有上传文件'}), 400 |
|
|
|
|
|
files = request.files.getlist('files') |
|
|
|
|
|
|
|
|
if not files or files[0].filename == '': |
|
|
return jsonify({'error': '没有选择文件'}), 400 |
|
|
|
|
|
|
|
|
prompt_text = request.form.get('prompt', '') |
|
|
|
|
|
print("origin:"+prompt_text) |
|
|
|
|
|
prompt_text = Utils.translate(TRANSLATE_ENDPOINT,TRANSLATE_APPKEY,prompt_text,"chinese", "english") |
|
|
|
|
|
print("translate:"+prompt_text) |
|
|
|
|
|
prompt_text = system_default_prompt.format(prompt_text) |
|
|
|
|
|
|
|
|
parts = [{"text": prompt_text}] |
|
|
|
|
|
|
|
|
for file in files: |
|
|
if file and allowed_file(file.filename): |
|
|
try: |
|
|
|
|
|
file_data = file.read() |
|
|
|
|
|
|
|
|
base64_image = file_to_base64(file_data) |
|
|
mime_type = get_mime_type(file.filename) |
|
|
|
|
|
|
|
|
parts.append({ |
|
|
"inline_data": { |
|
|
"mime_type": mime_type, |
|
|
"data": base64_image |
|
|
} |
|
|
}) |
|
|
except Exception as e: |
|
|
return jsonify({'error': f'处理图片 {file.filename} 时出错: {str(e)}'}), 500 |
|
|
|
|
|
if len(parts) <= 1: |
|
|
return jsonify({'error': '没有有效的图片文件'}), 400 |
|
|
|
|
|
|
|
|
request_data = { |
|
|
"contents": [{ |
|
|
"parts": parts |
|
|
}], |
|
|
"generationConfig": { |
|
|
"maxOutputTokens": 8192, |
|
|
"responseModalities": ["Text", "Image"] |
|
|
}, |
|
|
"safetySettings": [{ |
|
|
"category": "HARM_CATEGORY_HARASSMENT", |
|
|
"threshold": "BLOCK_NONE" |
|
|
}, { |
|
|
"category": "HARM_CATEGORY_HATE_SPEECH", |
|
|
"threshold": "BLOCK_NONE" |
|
|
}, { |
|
|
"category": "HARM_CATEGORY_SEXUALLY_EXPLICIT", |
|
|
"threshold": "BLOCK_NONE" |
|
|
}, { |
|
|
"category": "HARM_CATEGORY_DANGEROUS_CONTENT", |
|
|
"threshold": "BLOCK_NONE" |
|
|
}, { |
|
|
"category": "HARM_CATEGORY_CIVIC_INTEGRITY", |
|
|
"threshold": "BLOCK_NONE" |
|
|
}] |
|
|
} |
|
|
|
|
|
|
|
|
try: |
|
|
api_url = f'https://sweet-eel-50.deno.dev/v1beta/models/gemini-2.0-flash-exp-image-generation:generateContent?key={get_api_key()}' |
|
|
|
|
|
print("正在发送请求到 Gemini API...") |
|
|
|
|
|
|
|
|
response = requests.post( |
|
|
api_url, |
|
|
headers={'Content-Type': 'application/json'}, |
|
|
json=request_data |
|
|
) |
|
|
|
|
|
|
|
|
if response.status_code != 200: |
|
|
print(f"API返回错误: {response.status_code}") |
|
|
print(f"错误详情: {response.text}") |
|
|
|
|
|
return jsonify({ |
|
|
'error': f'API返回错误: {response.status_code}', |
|
|
'error_details': response.text |
|
|
}), 500 |
|
|
|
|
|
|
|
|
result = response.json() |
|
|
|
|
|
|
|
|
image_data_list = [] |
|
|
|
|
|
if "candidates" in result and len(result["candidates"]) > 0: |
|
|
candidate = result["candidates"][0] |
|
|
if "content" in candidate and "parts" in candidate["content"]: |
|
|
parts = candidate["content"]["parts"] |
|
|
|
|
|
|
|
|
image_count = 0 |
|
|
for i, part in enumerate(parts): |
|
|
|
|
|
if "inlineData" in part and "data" in part["inlineData"]: |
|
|
image_count += 1 |
|
|
image_data = part["inlineData"]["data"] |
|
|
image_type = part["inlineData"].get("mimeType", "image/png") |
|
|
|
|
|
|
|
|
image_data_list.append({ |
|
|
'data': f"data:{image_type};base64,{image_data}", |
|
|
'type': image_type |
|
|
}) |
|
|
|
|
|
if image_count == 0: |
|
|
print("响应中未找到图片数据") |
|
|
|
|
|
return jsonify({ |
|
|
'success': True, |
|
|
'image_data': image_data_list |
|
|
}) |
|
|
|
|
|
except Exception as e: |
|
|
print(f"发生错误: {str(e)}") |
|
|
return jsonify({'error': f'处理请求时出错: {str(e)}'}), 500 |
|
|
|
|
|
@app.route('/generate-from-text', methods=['POST']) |
|
|
def generate_from_text(): |
|
|
|
|
|
prompt_text = request.form.get('prompt', '') |
|
|
|
|
|
if not prompt_text.strip(): |
|
|
return jsonify({'error': '提示词不能为空'}), 400 |
|
|
|
|
|
print("origin:"+prompt_text) |
|
|
|
|
|
prompt_text = Utils.translate(TRANSLATE_ENDPOINT,TRANSLATE_APPKEY,prompt_text,"chinese", "english") |
|
|
|
|
|
print("translate:"+prompt_text) |
|
|
|
|
|
prompt_text = system_default_prompt.format(prompt_text) |
|
|
|
|
|
|
|
|
request_data = { |
|
|
"contents": [{ |
|
|
"parts":[ |
|
|
{"text": prompt_text} |
|
|
] |
|
|
}], |
|
|
"generationConfig": { |
|
|
"maxOutputTokens": 8192, |
|
|
"responseModalities": ["Text", "Image"] |
|
|
}, |
|
|
"safetySettings": [{ |
|
|
"category": "HARM_CATEGORY_HARASSMENT", |
|
|
"threshold": "BLOCK_NONE" |
|
|
}, { |
|
|
"category": "HARM_CATEGORY_HATE_SPEECH", |
|
|
"threshold": "BLOCK_NONE" |
|
|
}, { |
|
|
"category": "HARM_CATEGORY_SEXUALLY_EXPLICIT", |
|
|
"threshold": "BLOCK_NONE" |
|
|
}, { |
|
|
"category": "HARM_CATEGORY_DANGEROUS_CONTENT", |
|
|
"threshold": "BLOCK_NONE" |
|
|
}, { |
|
|
"category": "HARM_CATEGORY_CIVIC_INTEGRITY", |
|
|
"threshold": "BLOCK_NONE" |
|
|
}] |
|
|
} |
|
|
|
|
|
|
|
|
try: |
|
|
api_url = f'https://sweet-eel-50.deno.dev/v1beta/models/gemini-2.0-flash-exp-image-generation:generateContent?key={get_api_key()}' |
|
|
|
|
|
print("正在发送请求到 Gemini API...") |
|
|
print(f"使用文生图模式，提示词: {prompt_text}") |
|
|
|
|
|
|
|
|
response = requests.post( |
|
|
api_url, |
|
|
headers={'Content-Type': 'application/json'}, |
|
|
json=request_data |
|
|
) |
|
|
|
|
|
|
|
|
if response.status_code != 200: |
|
|
print(f"API返回错误: {response.status_code}") |
|
|
print(f"错误详情: {response.text}") |
|
|
|
|
|
return jsonify({ |
|
|
'error': f'API返回错误: {response.status_code}', |
|
|
'error_details': response.text |
|
|
}), 500 |
|
|
|
|
|
|
|
|
result = response.json() |
|
|
|
|
|
|
|
|
image_data_list = [] |
|
|
|
|
|
if "candidates" in result and len(result["candidates"]) > 0: |
|
|
candidate = result["candidates"][0] |
|
|
if "content" in candidate and "parts" in candidate["content"]: |
|
|
parts = candidate["content"]["parts"] |
|
|
|
|
|
|
|
|
image_count = 0 |
|
|
for i, part in enumerate(parts): |
|
|
|
|
|
if "inlineData" in part and "data" in part["inlineData"]: |
|
|
image_count += 1 |
|
|
image_data = part["inlineData"]["data"] |
|
|
image_type = part["inlineData"].get("mimeType", "image/png") |
|
|
|
|
|
|
|
|
image_data_list.append({ |
|
|
'data': f"data:{image_type};base64,{image_data}", |
|
|
'type': image_type |
|
|
}) |
|
|
|
|
|
if image_count == 0: |
|
|
print("响应中未找到图片数据") |
|
|
|
|
|
return jsonify({ |
|
|
'success': True, |
|
|
'image_data': image_data_list |
|
|
}) |
|
|
|
|
|
except Exception as e: |
|
|
print(f"发生错误: {str(e)}") |
|
|
return jsonify({'error': f'处理请求时出错: {str(e)}'}), 500 |
|
|
|
|
|
if __name__ == "__main__": |
|
|
app.run(debug=True, host='0.0.0.0', port=5000) |
