يعد العمل مع الملفات أحد المهام الرئيسية لتطوير الويب. واحدة من أكثر الطرق شيوعا للمستخدم لتحميل الملفات هي استخدام عنصر الإدخال مع سمة النوع="ملف".
ومع ذلك ، بعد أن يختار المستخدم الملف ، يتعين علينا استخدامه — مهما فعلنا به. للقيام بذلك ، قم باستخراج الملف من حقل الإدخال ونقله إلى الخادم أو إجراء عمليات أخرى معه.
هناك عدة طرق للحصول على ملف من عنصر ملف نوع الإدخال. في هذه المقالة ، سنلقي نظرة على طريقة بسيطة وفعالة تسمح لك بالحصول على محتويات الملف ككائن ملف واستخدامه في المستقبل.
لتبدأ ، إضافة رمز هتمل مع عنصر الإدخال والسمة نوع="ملف" إلى الصفحة:
- كيفية الحصول على ملف من ملف نوع الإدخال
- طريقة بسيطة وفعالة
- سؤال وجواب
- كيف يمكنني الحصول على ملف من ملف نوع الإدخال?
- كيف يمكنني قراءة محتويات الملف المحدد باستخدام ملف نوع الإدخال?
- كيف يمكنني الحصول على اسم الملف المحدد باستخدام ملف نوع الإدخال?
- كيف يمكنني التحقق مما إذا تم تحديد ملف باستخدام ملف نوع الإدخال?
- هل من الممكن فتح ملف محدد باستخدام ملف نوع الإدخال مباشرة بعد التحديد?
كيفية الحصول على ملف من ملف نوع الإدخال
غالبا ما يواجه مطورو الويب الحاجة إلى استرداد ملف تم تحميله بواسطة مستخدم عبر علامة. في هذه المقالة ، سنلقي نظرة على طريقة بسيطة وفعالة للحصول على ملف من جانب العميل.
للبدء ، أضف العلامة التي تحتوي على سمة النوع="ملف" إلى صفحة الويب الخاصة بك:
| اكتب= "ملف"> |
عندما يختار المستخدم ملفا ، يمكنك استخدام جافا سكريبت للوصول إلى الملف المنقول ومعالجته كما يحلو لك.
فيما يلي مثال على شفرة جافا سكريبت التي تتلقى معلومات حول الملف المحدد:
السماح الإدخال = وثيقة.كيريسيليكتور ('الإدخال [نوع= "ملف"]');
دع الملف = الإدخال.ملفات [0];
دع اسم الملف = file.name;
دع حجم الملف = ملف.الحجم;
دع نوع الملف = ملف.النوع;
في الكود أعلاه ، نستخدم الطريقة.كيريسيليكتور () للحصول على إشارة إلى عنصر . ثم نستخدم العقار.الملفات [0] للحصول على كائن يحتوي على معلومات حول الملف المحدد.
يمكنك الحصول على اسم الملف وحجمه ونوعه عن طريق الوصول إلى الخصائص المقابلة لكائن الملف.
بمجرد تلقي المعلومات حول الملف ، يمكنك استخدامه لمزيد من المعالجة ، على سبيل المثال ، تحميل الملف إلى الخادم أو عرض المعلومات على صفحة ويب.
هذه طريقة بسيطة وفعالة للحصول على ملف من جانب العميل. آمل أن يكون هذا المثال قد ساعدك في فهم كيفية التعامل مع الملفات الموجودة على صفحة الويب.
طريقة بسيطة وفعالة
هناك عدة طرق للحصول على ملف من عنصر ملف نوع الإدخال على صفحة ويب. واحدة من أبسط الطرق وأكثرها فعالية هي استخدام جافا سكريبت.
بادئ ذي بدء ، نحتاج إلى عنصر ملف نوع الإدخال بسمات معينة:
- المعرف هو المعرف الفريد للعنصر;
- الاسم-اسم العنصر;
- متعددة-السماح بتحديد ملفات متعددة;
- قبول - أنواع الملفات التي يمكن تحديدها.
مثال:
ثم يمكننا استخدام جافا سكريبت للحصول على ملف الكائن المحدد.:
- الحصول على إشارة إلى عنصر الإدخال باستخدام جيتليمنتبيد;
- نحصل على مجموعة من الملفات المحددة باستخدام الملفات;
- كرر من خلال مجموعة من الملفات وتنفيذ الإجراءات اللازمة.
فار فيلينبوت = وثيقة.جيتليمنتبيد ('فيلينبوت');
ملفات فار = إدخال الملف.الملفات;
إلى عن على (فار ط = 0; أنا < الملفات.الطول ؛ أنا {) {
ملف فار = ملفات [أنا];
// القيام بشيء مع الملف
}
على سبيل المثال ، يمكننا عرض معلومات حول الملف:
ل (فار أنا = 0; أنا < الملفات.الطول ؛ أنا {) {
ملف فار = ملفات [أنا];
';
';
';
وثيقة.الجسم.إينرتمل + = معلومات;
}
وبالتالي ، يمكننا بسهولة الحصول على ملف من عنصر ملف نوع الإدخال وإجراء العمليات اللازمة معه ، على سبيل المثال ، عرض معلومات حول الملف أو تحميله على الخادم.
سؤال وجواب
كيف يمكنني الحصول على ملف من ملف نوع الإدخال?
للحصول على ملف من ملف نوع الإدخال في جافا سكريبت ، يمكنك استخدام كائن قائمة الملفات ، وهي قائمة بالملفات المحددة. يمكنك الحصول عليه عن طريق الوصول إلى خاصية الملفات لعنصر الإدخال ، ثم الوصول إلى الملفات الفردية باستخدام الفهرس. على سبيل المثال ، للحصول على الملف الأول ، يمكنك استخدام الملفات[0].
كيف يمكنني قراءة محتويات الملف المحدد باستخدام ملف نوع الإدخال?
قراءة محتويات الملف المحدد باستخدام ملف نوع الإدخال ممكن باستخدام كائن فيليريدر. إنشاء مثيل من فيليريدر ، استدعاء طريقة ريداستكست (ملف) ، تمرير الملف المحدد كوسيطة ، ومن ثم معالجة محتويات الملف باستخدام معالج الحدث أونلواد. في معالج الحدث ، يمكنك الحصول على محتويات الملف باستخدام خاصية نتيجة كائن فيليريدر.
كيف يمكنني الحصول على اسم الملف المحدد باستخدام ملف نوع الإدخال?
يمكن الحصول على اسم الملف المحدد باستخدام ملف نوع الإدخال عن طريق الوصول إلى خاصية اسم كائن الملف. يمكن الوصول إلى كائن الملف عن طريق الوصول إلى كائن قائمة الملفات ، وهي قائمة بالملفات المحددة. للحصول على أول ملف محدد واسمه ، يمكنك استخدام الملفات[0].الاسم.
كيف يمكنني التحقق مما إذا تم تحديد ملف باستخدام ملف نوع الإدخال?
للتحقق مما إذا تم تحديد ملف باستخدام ملف نوع الإدخال ، يمكنك استخدام تعبير شرطي يتحقق مما إذا كانت هناك ملفات في خاصية الملفات لعنصر الإدخال. على سبيل المثال ، يمكنك التحقق مما إذا تم تحديد ملف على النحو التالي: إذا (إدخال.الملفات.الطول > 0) {//الملف المحدد } آخر {//الملف غير المحدد }
هل من الممكن فتح ملف محدد باستخدام ملف نوع الإدخال مباشرة بعد التحديد?
لا ، لا يمكنك ذلك. لأسباب أمنية ، لا تسمح لك متصفحات الويب بفتح الملفات المحددة تلقائيا باستخدام ملف نوع الإدخال. يجب على المستخدم تحديد الملف بنفسه وتأكيد فتحه.