كيفية السماح للمستخدم بتحميل صور متعددة دون تحديد عدد مربع إدخال تحميل HTML مسبقًا؟

Question

أنا أبحث عن طريقة لتحميل المستخدم أكبر عدد من الصور كما يريدون (ربما عن طريق السحب والإفلات) أو إضافة المزيد من مربع التحميل ديناميكيًا.

فكرت في إصلاح مربع إدخال تحميل HTML بشكل ثابت (على سبيل المثال 6) ، ويجب على المستخدم النقر فوق الزر "تصفح" (6 مرات في هذا المثال) والتنقل إلى المجلد لاختيار الملف.

ما هي أفضل ممارسة لتحقيق ذلك حتى يجد المستخدمون أنه من السهل استخدامه؟ ربما مع بعض السحر Ajax؟

كما أنني لا أمانع من أن ينقر المستخدم على "تحميل المزيد" للكشف (على سبيل المثال 6) مربع إدخال تحميل HTML. كان يتساءل عما إذا كانت هناك طريقة أفضل!

شكرًا لك.

Answer 1

قد ترغب أيضًا في النظر إلى شيء مثل plupload

Answer 2

لقد ضربت بالفعل أفضل إجابة - إضافة المزيد من مدخلات الملفات ديناميكيًا إلى الصفحة حسب الحاجة.

لن تتيح لك إدخال ملف HTML تحديد أكثر من ملف في وقت واحد. ولا يمكنك القيام "بسحب وإسقاط" من متصفح الملفات الرسومية (إذا كان هذا هو ما تعنيه).

ولكن يمكنك إضافة (أو الكشف) المزيد منها ديناميكيًا. لا تحتاج إلى "Ajax" للقيام بذلك ، فقط JavaScript.

إذا كان لديك مدخلاتك الأصلية مثل ذلك

<div id="container">
    <input type="file"/>
</div>

يمكنك إضافة واحد آخر مع برنامج نصي مثل هذا:

var container = document.getElementById("container");
var newFile = document.createElement("input");
newFile.type = "file";
container.appendChild( newFile );

للتعامل مع الملفات الموجودة على الخادم ، ستحتاج إلى النظر إلى Request.Files. سيتم إدراجها في المجموعة بالترتيب المادي الذي تمت إضافته به.