أفضل 15 برنامج نصي مجاني لتحميل ملفات jQuery لتحميل ملفات متعددة 2021

نشرت: 2021-09-13

تم إنشاء الويب على أساس أنواع ملفات مختلفة. سواء كانت صورًا أو محتوى فيديو مثل الأفلام أو مستندات Word الشخصية أو المستندات النصية أو الملفات الموجهة نحو البرمجة ، فإننا نغير الملفات باستمرار ونتبادلها مع بعضنا البعض.

إنه أحد الأسباب الرئيسية لوجود خدمات مثل Dropbox ، لمساعدتنا في إدارة ملفاتنا ومزامنتها أينما كنا. إذا كنت مستخدمًا منتظمًا للإنترنت ، فستعرف الأهمية البالغة لمشاركة الملفات ، ومدى أهمية الوصول إلى خدمات موثوقة لمشاركة الملفات من أجل مشاركة ملفاتنا بطرق آمنة ومريحة وفعالة.

إذا كنت مطور ويب ، فقد تنجذب نحو فكرة إنشاء موقع مشاركة الملفات الخاص بك ، أو ربما تتطلع إلى استكمال تصميم الويب الحالي بوظيفة مشاركة الملفات التي تتيح لعملائك أو زوارك مشاركة مواقعهم الخاصة الملفات.

هناك العديد من الطرق للنظر في الأمر ، ولكن من أجل الوصول إلى هذا الحد ، نحتاج إلى إيجاد حل موثوق لتحميل الملفات وإدارتها بالنيابة عن أنفسنا ونيابة عن الآخرين. هذا هو السبب في أننا قمنا بتجميع قائمة بأبرز وأفضل البرامج النصية لتحميل ملفات jQuery والتي ستكون قادرًا على استخدامها لتحميل ملفاتك وتحسينها.

نظرًا لوجود العديد من الخيارات ، نود أن نذكر أنه لا يوجد خيار هو الأفضل ، ولكن بدلاً من ذلك يجب على المرء أن يبحث عن كثب الهدف النهائي لكل متطلب ، لذلك إذا كنت تبحث عن إنشاء نص برمجي لتحميل ملف شخصي لتحميل ملفاتك الشخصية ، ثم اختر نصًا برمجيًا أقل للتحميل ، ولكن إذا كان جدول أعمالك هو إنشاء موقع ويب متعدد الوظائف لإدارة الملفات ، فقم بإلقاء نظرة على البرامج النصية التي توفر المزيد من الوظائف الموسعة ، فأنت متأكد من أنك ستجد القليل من كل شيء في قائمتنا هنا.

بيكي

تحميل بواسطة pekebyte

PekeUpload هو حل مكون خفيف الوزن لمصممي الويب. يمكنهم استخدامه كأداة موقع ويب لتحميل الملفات باستخدام مجموعة من الميزات jQuery + HTML5. تم تصميم PekeUpload باستخدام Bootstrap ، وهو سهل التصميم بشكل لا يصدق ويوفر العديد من الطرق لتوسيع نفسه. مع PekeUpload ، تظل متحكمًا في تحميلات الملفات الخاصة بك. يمكنك تعيين حدود حجم الملف واختيار نوع الملف الذي سيقبله المكون الخاص بك. إذا كانت إشعارات الأخطاء التقليدية تجعلك متعبًا ، فتأكد من أنه يمكنك تعيين إشعارات الأخطاء المخصصة الخاصة بك. يمكنك معاينة المحتوى المرئي مباشرة قبل وبعد التحميل.

تحميل

تحميل ملف jQuery (الأكثر شيوعًا)

jQuery File Upload Demo إصدار jQuery UI

يعد jQuery File Upload التوضيح المثالي لكيفية عمل تحميل الملفات داخل jQuery وكيف يمكن استخدامه لتحميل الملفات وحفظها ببساطة. تقدم هذه المكتبة نطاقًا أكثر تنوعًا من الميزات على الرغم من ذلك. بادئ ذي بدء ، يأتي مع 5 أنماط مختلفة للاختيار من بينها ، بما في ذلك jQuery UI الأصلي ، وكذلك لمطوري AngularJS الذين يحتاجون إلى حل تحميل ملفات سريع وموثوق لمشاريعهم.

تتضمن الميزات وسائل سحب وإسقاط ملفات متعددة من سطح المكتب أو مجلد آخر في أداة التحميل ، ويمكنك إلغاء عمليات التحميل واستئنافها أيضًا ، وهناك شريط تقدم لكل عملية تحميل حتى تعرف متى توشك الأشياء على الانتهاء ، تلك باستخدام المتصفحات الحديثة ، ستتمكن من تحرير الصور بعد تحميلها ، وستمكن نفس المستعرضات من معاينة جميع الملفات التي تم تحميلها قبل الانتهاء. يعمل مع أي نظام أساسي من جانب الخادم (PHP و Python و Ruby on Rails و Java و Node.js و Go وما إلى ذلك) يدعم تحميلات ملفات نموذج HTML القياسية.

تحميل

jQuery Ajax File Uploader

jQuery Ajax File Uploader

يعد jQuery Ajax File Uploader مثالًا رائعًا على مدى بساطة برامج تحميل الملفات (حتى الآن). هنا لدينا رافع يستخدم أسلوبًا بسيطًا لتحميل الملفات مع خيار ملفات متعددة ، وعناصر واجهة مستخدم بسيطة لشريط التقدم داخل نفس الصفحة. بصرف النظر عن كونه مصممًا للمتصفح الحديث ، سيتطلب هذا المكون الإضافي القليل من المعرفة / المهارات في JavaScript و AJAX لتعيين المعلمات المناسبة داخل التكوين بحيث يمكنك إنشاء التجربة المناسبة لك ، ولكن حتى ذلك الحين - معظم المعلمات هي مجرد إعدادات مصفوفة تقليدية ، ولا تتطلب الكثير من التفكير للتغيير. بنيت مع Bootstrap.

تحميل

إدخال ملف التمهيد

bootstrap fileinput jquery ملف تحميل البرنامج النصي
إن بساطة وقوة إدخال ملف Bootstrap ستفوز بك بالتأكيد. تأتي أداة تحميل الملفات هذه متوافقة مع كل من Bootstrap و 4. وسيكون التكامل أمرًا سهلاً بعض الشيء ، مع التأكد من حصول الجميع على أقصى استفادة منه مع القليل من العمل الضروري. الإجراءات المجمعة ، ودعم الملفات المتنوعة ، ومعاينة المحتويات وسحبها وإفلاتها ، كل هذا وأكثر هو ما يميز Bootstrap File Input rocks لراحتك. تصفح معلومات التثبيت واجمع كل الإرشادات اللازمة لتكامل ميزة تحميل الملفات السلس في تطبيقك. أيضًا ، إنها أداة مجانية ، لذا فنحن نرحب بك لاختبار المياه وحتى المساهمة فيها.

تحميل

Filepond

filepond jquery ملف تحميل البرنامج النصي
Filepond هو اسم ذكي لبرنامج نصي لتحميل ملف jQuery يقبل أي شيء وكل شيء. إنها مكتبة JavaScript ترحب بجميع أنواع الملفات ، حتى أنها تعمل مع عناوين URL والأدلة والنقاط ، سمها ما شئت. الخيارات والإمكانيات عديدة عند العمل مع Filepond - ولست بحاجة إلى بنائه من الصفر ، ما مدى روعة ذلك؟ ستكون تجربة المستخدم أيضًا في محلها في جميع الأوقات بسبب أداء Filepond الممتاز. قم بسحب الملفات وإفلاتها ، والتنقل باستخدام لوحة المفاتيح ، وتحسين الصورة والاستجابة الكاملة ، هذه بعض الميزات الأساسية التي تقدمها Filepond Sports. نعم ، يمكنك استخدام Filepond للتحميل بالجملة أيضًا.

تحميل

دروبزون

Dropzone.js

Dropzone هو أداة تحميل ملفات سحب وإفلات حديثة تعمل ضمن عنصر واجهة مستخدم على موقع الويب الذي تحاول استخدامه ، على الرغم من أنه يدعم مفهوم النقر والتحميل التقليدي أيضًا. إذا كنت تخطط لاستخدام Dropzone لتحميل الصور ، فإن المكتبة تدعم التحرير المباشر للصور بعد تحميل الملفات - التحرير ، وتغيير الحجم ، والقص ، وما إلى ذلك. تحدث جميع مسارات الملفات وتكوينات نوع الملف في الخلفية ، لذلك تحتاج إلى العمل مع ملفات التكوين قبل تشغيل البرنامج النصي على خادم إنتاج. تحتوي الصفحة الرئيسية الرسمية لـ Dropzone على جميع الوثائق التي تحتاجها للبدء على الفور.

تحميل

فاين رافع

مكتبة تحميل جافا سكريبت الجميلة

هناك حل آخر لتحميل ملفات jQuery واسع النطاق يسمى Fine Uploader - مكتبة jQuery شائعة جدًا لتحميل الملفات وإدارتها وتوسيع نطاقها. تتضمن بعض الميزات البارزة لبرنامج Fine Uploader القدرة على إعادة محاولة تحميل الملفات الفاشلة ، ليس من البداية ، ولكن من الجزء الأخير الذي لم يتم تحميله - وهذا أيضًا جزء من المكتبة الفعلية ، يسمى تقسيم الملفات وتقسيمها. يدعم Fine Uploader إدارة الملفات السحابية بشكل كامل ، مما يعني أنه يمكنك تحميل الملفات على Amazon S3 أو Microsoft Azure ، وتشمل الميزات الأبسط الأخرى الإذن لتحرير الملفات وحذفها أثناء تحميلها. يعد هذا إلى حد كبير حلاً كاملاً لأي موقع يحتاج إلى حل موثوق لتحميل الملفات حيث ربما يشارك مجتمع أكبر من المستخدمين النشطين.

تحميل

Flow.js

الزاوي تحميل الملف flow.js

دعنا نحافظ على تدفق البرامج النصية الخاصة برفع الملفات ، مع مورد رائع آخر يسمى Flow.js! Flow.js هي مكتبة جافا سكريبت توفر عمليات تحميل متعددة ومتزامنة ومستقرة وقابلة للاستئناف عبر HTML5 File API. لا تتطلب المكتبة تبعيات طرف ثالث. إنه يتميز بقدرات مثل الإيقاف المؤقت واستئناف تحميلات الملفات ، واستعادة التحميلات المفقودة ، ومعالجة الأخطاء داخل القائم بالتحميل. يحتوي على حل لتحميل الملفات بالسحب والإفلات ، والقدرة على تحميل المجلدات بالكامل ، ومعاينة الملفات لملفات الصور. أيضًا ، يحتوي على أشرطة تقدم لإبقائك على اطلاع دائم بتقدم الملف الذي تقوم بتحميله. يتم تحميل Chunk للتأكد من أنه يمكنك استرداد أي أجزاء مفقودة من التحميلات التي فشلت ، واستئنافها بدلاً من ذلك من تلك النقطة لتوفير الوقت والصداع.

تحميل

فورمستون

تحميل · Formstone

يعتبر Formstone فريدًا في قائمتنا بطريقة أنه في الواقع العديد من المنتجات داخل مشروع واحد. ولكن ، Formstone يحتوي على مكون تحميل وهو حل لإدارة تحميل الملفات سهل الاستخدام وفعال للغاية. يقدمون هذا الحل لمواقع الويب والتطبيقات ، الصغيرة والكبيرة. يتميز المكون خفيف الوزن بواجهة سحب وإفلات بسيطة (مع النقر فوق التفاعل) التي تتيح لك تحميل ملفات فردية أو متعددة مع إرفاق شريط تقدم خفيف الوزن. إنه حل فعال للغاية لمواقع الويب التي تبحث عن مكونات إضافية بدون الدهون الثقيلة المرتبطة بها. ولكن أيضًا ، Formstone هو مشروع في حد ذاته. يمكنك تجميع العشرات الأخرى من المكونات معًا وإنشاء مشروع ويب أو تطبيق من ذلك. تعرف على المزيد حول Formstone لفهم التفاعل بين مجموعة متنوعة من المكونات التي يقدمونها.

تحميل

مدير تحميل العمود الفقري

مدير تحميل العمود الفقري

يوفر Backbone بنية لتطبيقات JavaScript الثقيلة من خلال توفير نماذج مع ربط قيمة المفتاح والأحداث المخصصة والمجموعات. أنها تحتوي على واجهة برمجة تطبيقات غنية بالوظائف القابلة للعد ، والمشاهدات مع معالجة الحدث التعريفي. يمكنه أيضًا توصيله بجميع تطبيقاتك الحالية عبر واجهة RESTful JSON. إنه إطار عمل JavaScript مشهور جدًا ، ومدير تحميل Backbone هو المكمل المثالي لهذا الإطار ومستخدميه. واجهة المستخدم والتجربة الفعلية حديثة للغاية مع قائمة قوية من الميزات والإمكانيات. هذه هي الصفات التي يمكن أن يوفرها فقط إطار قوي مثل العمود الفقري.

تحميل

سقوط ملف

FileDrop.js العرض التوضيحي يتضمن HTML5 AJAX تحميل ملف الإسقاط

FileDrop.js هي مكتبة تحميل ملفات محسّنة لجافا سكريبت تركز على التحميل المباشر لملفات المتصفح. يحتوي على تنبيهات إخطارات مخصصة ، دون الكثير من الوظائف الأخرى. حدد ملفاتك أو اسحبها ، وانقر فوق تحميل وانتظر حتى يتم إخطارك بالتحميل الناجح. هناك القدرة على تمكين عمليات تحميل ملفات متعددة إذا لزم الأمر.

تحميل

FileAPI

FileAPI - مجموعة من أدوات جافا سكريبت للعمل مع الملفات.

يمكن للمطورين بالطبع بناء مكتبة jQuery الخاصة بهم لإدارة الملفات. إنه أمر منطقي ، لأنه يوفر الكثير من الخبرة التعليمية. أيضًا ، ينتهي بك الأمر إلى أن تكون المسؤول عن قاعدة الرموز. هناك طريقة أخرى لحل المشكلة وهي الاعتماد على واجهة برمجة التطبيقات التي تم إنشاؤها لغرض واحد. في هذه الحالة ، يتم تحميل الملفات وإدارة الملفات. نوصي بالبحث في FileAPI. إنه مشروع مطور بالكامل يوفر الوظائف والمكالمات والأحداث الضرورية لإنشاء برامج تحميل ملفات لتطبيقات سطح المكتب. يمكنهم أيضًا القيام بذلك لتطبيقات الأجهزة المحمولة ومشاريع الويب العامة.

تحميل

Plupload

أداة Plupload UI

Plupload هو أحد تلك المشاريع التي استغرقت وقتًا طويلاً حتى تنضج ، ولكن ليس لأنها كانت تفتقر إلى الخبرة. يرجع ذلك إلى وجود عدد محدود من الميزات التي كانت اللغات قادرة على توفيرها للويب في ذلك الوقت. الآن بعد أن غيّرت HTML5 مشهد تطوير الويب ، أصبح Plupload قادرًا حقًا على التألق. Plupload عبارة عن واجهة برمجة تطبيقات لإدارة تحميل الملفات توفر عددًا من الأدوات والميزات لبناء رافعي الملفات المعززين. يمكنهم القيام بذلك في غضون بضع دقائق ، بدلاً من جعلك رمزًا خاصًا بك على مدار عدة أسابيع.

تحميل

Resumable.js

Resumable.js سحر جافا سكريبت لعمليات التحميل المستقرة والقابلة للاستئناف في آنٍ واحد

يوفر هذا بيئة تحميل ملفات بسيطة تتيح عمليات تحميل متعددة وإيقاف التحميلات مؤقتًا واستئنافها وتحقيق استقرار عام. يمكنك بسهولة تقسيم الملفات الكبيرة إلى عدة أجزاء لتمكين استئناف التحميلات. يمكنك التأكد من أن ملفك سيظل يتم تحميله من نفس المكان الذي تركته فيه. يمكنه تحميل ملفك حتى عندما ينتقل الاتصال بالجنون أثناء الانتقال.

تحميل

تحميل

العروض التوضيحية Uploadify

ماذا عن برنامج تحميل ملفات HTML5 يعمل بشكل كامل يستخدم القليل من jQuery لتحسين تجربة المستخدم؟ حسنًا ، للمهتمين ، يمكننا أن نوصي باستخدام Uploadify. قام المطورون ببنائها باستخدام مكتبة JavaScript ولديهم هذا الغرض الدقيق في الاعتبار. أضاف المطورون أيضًا إصدار Flash لأولئك الذين يؤمنون بتقاليد المدرسة القديمة. هناك منتديات مجتمعية موجودة مليئة بالمواضيع وأسئلة الدعم. ولكن ، مما يمكننا قوله ، لم تكن منتديات المجتمع نشطة حقًا خلال العامين الماضيين.

تحميل