JavaScript ใช้การเพิ่มแบบฟอร์มฟิลด์ไฟล์แบบไดนามิก

สำหรับการอัปโหลดหลายไฟล์ คุณสามารถใช้ js เพื่อสร้างฟิลด์ไฟล์แบบไดนามิกได้ ซอร์สโค้ดอยู่ด้านล่าง บันทึกไว้ที่นี่เพื่อใช้โดยตรงในอนาคต โฮ้!

รหัส JS:

<script language="javascript">

//ตัวแปรส่วนกลาง แสดงถึงจำนวนฟิลด์ไฟล์ และใช้ตัวแปรนี้เพื่อแยกแยะแอตทริบิวต์ชื่อของฟิลด์ไฟล์

var file_count = 0;

//Add file field

function additem(id ) {

if ( file_count > 9) {

alert("มากที่สุด u22810 10 u25991 ไฟล์ u22495 ");

return;

}

//กำหนดแถวตัวแปร;

var row,cell,str;

//แทรกแถวในตารางด้วย id ที่ระบุ

document.all

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

row ! = null ) {

//ตั้งค่าสีพื้นหลังของแถว

row.bgColor="white";

//ใส่เซลล์ใน

เซลล์แถว = 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++;

//ตั้งค่า innerHTML ของเซลล์ ไปยังเนื้อหาของ str

cell.innerHTML

=str

;

//ลบโดเมนไฟล์
ฟังก์ชั่นลบรายการ (obj, id) {
var rowNum,curRow;
curRow = obj.parentNode.parentNode;
rowNum = eval("document.all."+id).rows.length - 1;
eval("document.all["+'"'+id+'"'+"]").deleteRow(curRow.rowIndex);
file_count--;
-
</สคริปต์>

รหัส HTML:

<input type=button value="Add" onclick='additem("tb")'/><br/>
<ตาราง cellspacing="0" id="tb" style="width:400px">
</ตาราง>