تنفذ JavaScript إضافة نماذج حقول الملفات ديناميكيًا

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

كود JS:

<script language="javascript">

// المتغير العام، يمثل عدد حقول الملف، ويستخدم هذا المتغير لتمييز سمة اسم حقل الملف

var file_count = 0;

// إضافة حقل الملف

function additem(id ) {

if ( file_count > 9) {

تنبيه

("معظم الملفات u22810 10 u22495")؛

//

تحديد صف متغير الصف؛ متغير محتوى الخلية str.

varrow,cell,str;

// أدخل صفًا في الجدول بالمعرف المحدد

document.all

["+'"'+id+'"'+"]").insertRow();

Row ! = null ) {

// تعيين لون خلفية الصف

Row.bgColor = "white"؛

// أدخل خلية في الصف

cell = Row.insertCell();

// قم بتعيين قيمة str، بما في ذلك الملف الحقل وزر الحذف

str='<input onselectstart='return false' class='tf' onpaste='return false' type='file' name='file[' + file_count + ']' style='width:500px " onkeydown = "return false;"/>';

str += "&nbsp;<input type="+'"'+"button"+'"'+" value="+'"'+"Delete"+' "'+" onclick ='deleteitem(this,"+'"'+"tb"+'"'+");'>";

// يزيد عدد حقول الملف

file_count++;

// قم بتعيين HTML الداخلي للخلية لمحتوى str

cell.innerHTML =str

}

}
//حذف مجال الملف
وظيفة حذف العنصر (obj، معرف) {
فار رونوم،كورروو؛
curRow = obj.parentNode.parentNode;
rowNum = eval("document.all."+id).rows.length - 1;
eval("document.all["+'"'+id+'"'+"]").deleteRow(curRow.rowIndex);
file_count--;
}
</script>

كود HTML:

<input type=button value="Add" onclick='additem("tb")'/><br/>
<جدول تباعد الخلايا = "0" معرف = "tb" نمط = "العرض:400px">
</الجدول>