快速开始
本地开发
前置要求
- Node.js 18+
- pnpm 包管理器
- Git
安装
git clone https://github.com/your-username/qwen-image-edit.git my-qwen-project
cd my-qwen-project
pnpm install
环境配置
复制环境变量文件并配置您的设置:
cp .env.example .env.local
编辑 .env.local
文件,配置您的参数:
# 数据库
DATABASE_URL="your-database-url"
# 身份验证
NEXTAUTH_SECRET="your-nextauth-secret"
NEXTAUTH_URL="http://localhost:3000"
# AI 模型配置
QWEN_API_KEY="your-qwen-api-key"
QWEN_API_ENDPOINT="your-qwen-endpoint"
# 存储(可选)
UPLOADTHING_SECRET="your-uploadthing-secret"
UPLOADTHING_APP_ID="your-uploadthing-app-id"
启动开发服务器
pnpm dev
在浏览器中打开 http://localhost:3000 查看应用程序。
基本使用
图片上传
- 导航到编辑器页面
- 点击"上传图片"或拖拽图片到页面
- 支持格式:JPG、PNG、WebP(最大10MB)
文本编辑
编辑图片中的文本:
// 文本编辑 API 调用示例
const response = await fetch('/api/image-edit', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
image: imageBase64,
prompt: '将文本"Hello"改为"你好"',
editType: 'text'
})
});
语义编辑
进行语义修改:
// 语义编辑 API 调用示例
const response = await fetch('/api/image-edit', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
image: imageBase64,
prompt: '将猫改为狗,保持相同的姿势',
editType: 'semantic'
})
});