48 lines
2.5 KiB
HTML
48 lines
2.5 KiB
HTML
<form action="{{ url_for('main.upload') }}" method="post" enctype="multipart/form-data" class="upload-form" id="uploadForm">
|
|
{% if folder_id %}<input type="hidden" name="folder_id" value="{{ folder_id }}">{% endif %}
|
|
|
|
<div class="upload-tabs">
|
|
<button type="button" class="upload-tabs__btn upload-tabs__btn--active" data-tab="files">Файлы</button>
|
|
<button type="button" class="upload-tabs__btn" data-tab="urls">Ссылки</button>
|
|
</div>
|
|
|
|
<div class="upload-panel upload-panel--active" data-panel="files">
|
|
<div class="dropzone" id="dropzone">
|
|
<input type="file" name="photos" id="photoInput" accept="image/png,image/jpeg,image/gif,image/webp,image/bmp" multiple data-max="{{ max_bulk_upload|default(100) }}" hidden>
|
|
<div class="dropzone__icon">
|
|
<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
|
|
<path d="M12 16V4m0 0L8 8m4-4l4 4"/>
|
|
<path d="M20 16.5v1a2.5 2.5 0 01-2.5 2.5h-11A2.5 2.5 0 014 17.5v-1"/>
|
|
</svg>
|
|
</div>
|
|
<p class="dropzone__title">Перетащите фото сюда</p>
|
|
<p class="dropzone__hint">или выберите до {{ max_bulk_upload|default(100) }} файлов</p>
|
|
<p class="dropzone__formats">PNG · JPG · GIF · WEBP · BMP</p>
|
|
<div class="dropzone__preview" id="preview" hidden>
|
|
<img id="previewImg" alt="Предпросмотр">
|
|
<span id="previewName"></span>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn--primary" id="submitBtn" disabled>
|
|
<span>Загрузить файлы</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="upload-panel" data-panel="urls">
|
|
<div class="url-upload">
|
|
<label for="imageUrls" class="url-upload__label">Прямые ссылки на изображения</label>
|
|
<textarea
|
|
id="imageUrls"
|
|
name="image_urls"
|
|
class="url-upload__input"
|
|
rows="5"
|
|
placeholder="https://example.com/photo.jpg https://example.com/image.png"
|
|
></textarea>
|
|
<p class="url-upload__hint">По одной ссылке в строке. Поддерживаются HTTP и HTTPS.</p>
|
|
</div>
|
|
<button type="submit" class="btn btn--primary" id="submitUrlBtn">
|
|
<span>Загрузить по ссылкам</span>
|
|
</button>
|
|
</div>
|
|
</form>
|