Js dynamically adds file to implement multifile Upload.

Source: Internet
Author: User
Tip: you can modify some code before running

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>Untitled Document</title></head><body><script language="javascript">// Global variable, which represents the number of file domains, and uses this variable to distinguish the name attribute var file_count = 0 of the file domain; // add the file domain function additem (id) {if (file_count> 9) {alert ("u22810 10 u25991 u22495"); return ;}// defines the row variable row; cell variable cell; cell content variable str. Var row, cell, str; // Insert a row = eval ("document. all ["+ '"' + id + '"' +"] "). insertRow (); if (row! = Null) {// sets the row background color row. bgColor = "white"; // insert cell = row in the row. insertCell (); // Set the str value, including a file domain and a delete button str ='<input onselectstart="return false" class="tf" onpaste="return false" type="file" name="file[' + file_count + ']" onkeydown="return false;"/>'; Str + ="<input type="+'"'+"button"+'"'+" value="+'"'+"删除"+'"'+" onclick='deleteitem(this,"+'"'+"tb"+'"'+");'>"; // Add file_count ++ to the number of file fields; // Set the innerHTML of the cell to the content cell of str. innerHTML = str ;}}// delete the file domain function deleteitem (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 --;}</script>Html code:<input type=button value="增加" onclick='additem("tb")'/><br/> <table cellspacing="0" id="tb" > </table></body></html>
Tip: you can modify some code before running

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.