في هذا الدرس 1تصفّح المواضيع
HTML form file input
حقل اختيار الملفات في HTML form
HTML form file input حقل اختيار الملفات في HTML form
يُستخدم حقل file input لاختيار ملفات من جهاز المستخدم وإرفاقها بالنموذج؛ اختيار الملف وحده لا يرسله ولا يحفظه على الخادم.
- القيمة التي تحدد حقل file input هي file لتصبح بهذا الشكل <input type="file">.
- يمكن رفع أي نوع من أنواع الملفات، مثل: الصور، والفيديوهات، وملفات word ,pdf ،excel الخ... ومن ثم إرسالها من جهاز المستخدم إلى الخادم
- يستطيع المتصفح إرسال النموذج، لكن استقبال الملفات والتحقق منها وحفظها يحتاج معالجة على الخادم أو خدمة رفع. أمثلة لغات الخادم: PHP وPython وJava.
لإرسال محتوى الملفات بنموذج HTML استخدم method="post" وenctype="multipart/form-data"، وname على حقل file، وaction يشير إلى معالج موجود. accept يساعد في اختيار الأنواع ولا يغني عن تحقق الخادم، وmultiple يسمح باختيار عدة ملفات. معاينة الدرس ومحرر التجربة لا يرفعان الملفات إلى خادم.
HTML form file input
إنشاء حقل file input لاختيار ملف وإرفاقه بالنموذج. يوضح المثال حقل الاختيار وإعدادات الإرسال؛ لا يتصل بخدمة حفظ ملفات.
HTML
<form method="post" enctype="multipart/form-data">
<label for="myfile">Select a file:</label>
<input type="file" id="myfile" name="myfile">
</form>رحلتك في الدرس
—سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.