fix: accept-Attribut von File-Inputs entfernt — Browser-Bug blockierte Bilder

- accept='image/*,.jpg,.jpeg,...' wird von Browsern unterschiedlich interpretiert
- Manche Browser machen UND statt ODER → keine Bilder sichtbar
- Fix: accept komplett raus, Server-Validierung bleibt aktiv (.jpg/.jpeg/.png/.webp/.gif/.svg)
This commit is contained in:
Hermes Agent
2026-06-19 00:15:32 +02:00
parent 6e20684af4
commit a16b3368c6
+2 -2
View File
@@ -282,7 +282,7 @@ def build_index(articles: list[dict]) -> str:
<span class="readiness">{readiness}</span> <span class="readiness">{readiness}</span>
{image_badge} {image_badge}
<label class="row-upload-btn" title="Bild für diesen Artikel hochladen"> <label class="row-upload-btn" title="Bild für diesen Artikel hochladen">
<input type="file" accept="image/*,.jpg,.jpeg,.png,.webp,.gif" class="row-file-input" onchange="uploadForRow(this, '{a['filename']}')"> <input type="file" class="row-file-input" onchange="uploadForRow(this, '{a['filename']}')">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>
</label> </label>
</div>\n""" </div>\n"""
@@ -466,7 +466,7 @@ def build_index(articles: list[dict]) -> str:
<p style="margin-bottom:0.5rem;">Ziehe Bilder hierher oder klicke zum Auswählen.</p> <p style="margin-bottom:0.5rem;">Ziehe Bilder hierher oder klicke zum Auswählen.</p>
<p class="upload-help">Das Bild wird automatisch dem <strong>ersten markierten Artikel</strong> zugeordnet.<br>Oder nutze das 📷 Icon direkt neben dem gewünschten Artikel.</p> <p class="upload-help">Das Bild wird automatisch dem <strong>ersten markierten Artikel</strong> zugeordnet.<br>Oder nutze das 📷 Icon direkt neben dem gewünschten Artikel.</p>
<div class="upload-row"> <div class="upload-row">
<input type="file" id="fileInput" accept="image/*,.jpg,.jpeg,.png,.webp,.gif" onchange="uploadFile()" style="font-family:var(--font);font-size:0.84rem;"> <input type="file" id="fileInput" onchange="uploadFile()" style="font-family:var(--font);font-size:0.84rem;">
</div> </div>
<div class="upload-result" id="uploadResult"></div> <div class="upload-result" id="uploadResult"></div>
</div> </div>