xsl/change_cloth_server
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

save code

Browse Source
This commit is contained in:
Your Name
2026-03-12 10:14:01 +00:00
parent 42f83d3619
commit 8221c8be65
3 changed files with 78 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
change2/static/index.html
+4 -15
View File
@@ -37,7 +37,7 @@
.upload-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-columns: repeat(2, 1fr);
gap: 20px;
width: 100%;
max-width: 900px;
@@ -204,7 +204,7 @@
</head>
<body>
<h1>AI 换装系统</h1>
<p class="subtitle">上传模特、上衣、裤子三张图片，AI 自动完成换装</p>
<p class="subtitle">上传模特和上衣两张图片，AI 自动完成换装</p>
<div class="upload-grid">
<!-- 模特 -->
@@ -224,15 +224,6 @@
<div class="upload-hint">节点 10 · 上身服装</div>
<img class="preview-img" id="preview-shirt" alt="上衣预览" />
</div>
<!-- 裤子 -->
<div class="upload-card" id="card-pants">
<input type="file" accept="image/*" id="input-pants" />
<div class="upload-icon">👖</div>
<div class="upload-label">裤子图片</div>
<div class="upload-hint">节点 4 · 下身服装</div>
<img class="preview-img" id="preview-pants" alt="裤子预览" />
</div>
</div>
<button class="btn-run" id="btn-run" disabled>开始换装</button>
@@ -245,7 +236,7 @@
</div>
<script>
const images = { model: null, shirt: null, pants: null };
const images = { model: null, shirt: null };
function setupUpload(inputId, previewId, cardId, key) {
const input = document.getElementById(inputId);
@@ -269,11 +260,10 @@
setupUpload('input-model', 'preview-model', 'card-model', 'model');
setupUpload('input-shirt', 'preview-shirt', 'card-shirt', 'shirt');
setupUpload('input-pants', 'preview-pants', 'card-pants', 'pants');
function updateRunButton() {
const btn = document.getElementById('btn-run');
btn.disabled = !(images.model && images.shirt && images.pants);
btn.disabled = !(images.model && images.shirt);
}
function setStatus(msg, cls = '') {
@@ -308,7 +298,6 @@
body: JSON.stringify({
model_image: images.model,
shirt_image: images.shirt,
// pants_image: images.pants,
}),
});