رفتن به محتوا
HarmoniQHarmoniQزبان طراحی هارمونیک

بارگذاری فایل

وضعیت: پیش‌نویس
مستندات شرکت (اختیاری) 
    <div class="hq-field">
      <span class="hq-field__label" id="docs-label">مستندات شرکت <span class="hq-field__optional">(اختیاری)</span></span>
      <div class="hq-upload" data-hq-upload data-max-mb="10">
        <label class="hq-upload__zone">
          <svg class="hq-icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path d="M11 18 12.41 19.41 15 16.83 15 29 17 29 17 16.83 19.59 19.41 21 18 16 13 11 18z"/><path d="M23.5,22H23V20h.5a4.5,4.5,0,0,0,.36-9L23,11l-.1-.82a7,7,0,0,0-13.88,0L9,11,8.14,11a4.5,4.5,0,0,0,.36,9H9v2H8.5A6.5,6.5,0,0,1,7.2,9.14a9,9,0,0,1,17.6,0A6.5,6.5,0,0,1,23.5,22Z"/></svg>
          <span><span class="hq-upload__action">انتخاب فایل</span> یا فایل را اینجا رها کنید</span>
          <span class="hq-upload__hint">PDF، Word یا Excel؛ هر فایل تا ۱۰ مگابایت</span>
          <input class="hq-visually-hidden" type="file" multiple accept=".pdf,.docx,.xlsx" aria-labelledby="docs-label" />
        </label>
        <ul class="hq-upload__list" aria-live="polite"></ul>
      </div>
    </div>

    چه وقت استفاده کنیم

    Section titled “چه وقت استفاده کنیم”
    • وقتی فرم به سند نیاز دارد: رزومه، معرفی شرکت، گزارش مالی برای ارزیابی اولیه.

    چه وقت استفاده نکنیم

    Section titled “چه وقت استفاده نکنیم”
    • برای اطلاعاتی که می‌شود در چند فیلد پرسید؛ خواندن فایل برای ما و ساختنش برای مشتری کار بیشتری است.

    قواعد

    Section titled “قواعد”
    • نوع و حجم مجاز را پیش از انتخاب بگویید، در متن راهنمای ناحیه.
    • فایل‌ها بعد از انتخاب با نام و حجم فهرست می‌شوند و هرکدام دکمهٔ حذف دارد.
    • خطا روی همان فایل نشان داده می‌شود و می‌گوید چه چیزی نادرست است: «نوع فایل مجاز نیست»، «بیشتر از حد مجاز».
    • نام فایل چپ‌به‌راست نمایش داده می‌شود تا پسوند جابه‌جا نشود.
    • company-profile.pdf۲٫۴ مگابایت
    • org-chart.pngنوع فایل مجاز نیست
    <div class="hq-upload">
      <ul class="hq-upload__list">
        <li class="hq-upload__file"><svg class="hq-icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path d="M25.7,9.3l-7-7C18.5,2.1,18.3,2,18,2H8C6.9,2,6,2.9,6,4v24c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V10C26,9.7,25.9,9.5,25.7,9.3 z M18,4.4l5.6,5.6H18V4.4z M24,28H8V4h8v6c0,1.1,0.9,2,2,2h6V28z"/><path d="M10 22H22V24H10z"/><path d="M10 16H22V18H10z"/></svg><span class="hq-upload__name">company-profile.pdf</span><span class="hq-upload__size">۲٫۴ مگابایت</span><button type="button" class="hq-upload__remove" aria-label="حذف company-profile.pdf"><svg class="hq-icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path d="M17.4141 16 24 9.4141 22.5859 8 16 14.5859 9.4143 8 8 9.4141 14.5859 16 8 22.5859 9.4143 24 16 17.4141 22.5859 24 24 22.5859 17.4141 16z"/></svg></button></li>
        <li class="hq-upload__file hq-upload__file--error"><svg class="hq-icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path d="M25.7,9.3l-7-7C18.5,2.1,18.3,2,18,2H8C6.9,2,6,2.9,6,4v24c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V10C26,9.7,25.9,9.5,25.7,9.3 z M18,4.4l5.6,5.6H18V4.4z M24,28H8V4h8v6c0,1.1,0.9,2,2,2h6V28z"/><path d="M10 22H22V24H10z"/><path d="M10 16H22V18H10z"/></svg><span class="hq-upload__name">org-chart.png</span><span class="hq-upload__size">نوع فایل مجاز نیست</span><button type="button" class="hq-upload__remove" aria-label="حذف org-chart.png"><svg class="hq-icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path d="M17.4141 16 24 9.4141 22.5859 8 16 14.5859 9.4143 8 8 9.4141 14.5859 16 8 22.5859 9.4143 24 16 17.4141 22.5859 24 24 22.5859 17.4141 16z"/></svg></button></li>
      </ul>
    </div>
    انجام بده«PDF، Word یا Excel؛ هر فایل تا ۱۰ مگابایت» پیش از انتخاب.
    انجام ندهپذیرفتن هر فایلی و خطای «آپلود ناموفق» بعد از ارسال فرم.