وانەی ٥٢: خانەی فایل

با ڕێگە بە سەردانیکەر بدەین وێنەیەک هەڵبژێرێت. توخمی <input> بە type="file" دوگمەیەک پیشان دەدات کە بە کرتەکردنی، پەنجەرەی هەڵبژاردنی فایلی ئامێرەکە دەکرێتەوە. یەکێک پێش دوگمەی ناردن زیاد بکە:

<p>
  <label for="photo">وێنەی پیالەکەت</label>
  <input id="photo" name="photo" type="file" accept="image/*">
</p>

تایبەتمەندی accept ڕێنمایی بە وێبگەڕ دەدات دەربارەی جۆری فایلەکانی هەڵبژاردن. لێرەدا، image/* واتە فایلەکانی وێنە بە هەموو جۆرەکانیانەوە. ئەمە تەنها ڕێنماییە، بە خۆی دروستی و پارێزراوی فایلەکە ناپشکنێت. بۆیە، لە ماڵپەڕێکی ڕاستەقینەدا، سێرڤەر دەبێت هەر فایلێک کە وەریدەگرێت بپشکنێت. 

فایلەکە لە وێبەگەڕدا بکەرەوە. دوگمەیەکی هەڵبژاردنی فایل دەردەکەوێت، کە لەوانەیە دەقەکەی «Choose file» بێت، بەپێی زمانی وێبگەڕەکە. کرتەی لێ بکە و وێنەیەک هەڵبژێرە. ناوی فایلەکە لە تەنیشت دوگمەکە دەردەکەوێت.

تێبینی: فایلێکی تایبەت لە ڕاهێناندا بەکارمەهێنە.

ئەگەر ناوی وێنەکە cup.jpg بێت، دێڕی ناونیشان thanks.html?photo=cup.jpg پیشان دەدات. ئەگەر فایلێکی ترت هەڵبژاردبێت، ناوی ئەو فایلە دەردەکەوێت.

هەڵبژاردنی فایل بە تەنها، فایلەکە بۆ سێرڤەر بار ناکات. بۆ ناردنی خودی فایلەکە، پێویستمان بە ڕێکخستنێکی جیاوازی فۆرم و سێرڤەرێک هەیە کە بتوانێت فایلەکە وەربگرێت. ئەوە بۆ وانەیەکی زیادە بەجێ دەهێڵین.

هەڵەیەکی باو: وا بزانیت فایلەکە بۆ سێرڤەر بار کراوە، چونکە ناوەکەی لە دێڕی ناونیشاندا دەردەکەوێت.

<!doctype html>
<html lang="ckb" dir="rtl">
  <head>
    <meta charset="UTF-8" />
    <title> وێنەکان</title>
  </head>
  <body>
    <form action="thanks.html" method="get">
      <h2>وێنەی پیالەکەت پیشانمان بدە</h2>
      <p>
        <label for="photo">وێنەی پیالەکەت</label>
        <input id="photo" name="photo" type="file" accept="image/*">
      </p>
      <button type="submit">ناردن</button>
    </form>
  </body>
</html>