الملفات والسحب والإفلات

<label class="field">
<span>صور</span>
<input type="file" accept="image/png,image/jpeg" data-single-file>
</label>
<p class="p-note" data-single-file-result role="status">
</p>

<div class="p-empty">
<svg class="icon " viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="m12 2 8 3v6c0 6-8 11-8 11S4 17 4 11V5l8-3Z"/>
<path d="m8 12 3 3 5-6"/>
</svg>
<h3>اسم الملف · الحجم</h3>
<p>يحفظ المدير أسماء الملفات وأحجامها، ولا يخزن محتواها.</p>
</div>