用js实现的可以动态控制的上传文件的数量的东东，具牛比！！！

2019-04-15 12:56发布

站内文章 / PIC单片机
15174 0 1423
用纯js脚本实现上传文件的数量：
1 首先，在body中加入onLoad事件。
 
function showpic(pic){
 eval(pic).style.display="";
}
function dispic(pic){
 eval(pic).style.display="none";
}
function showNext(num,buttonID)
{
  showpic(num);
  dispic(buttonID);
}
 var rownum=0;
 var xsdNum=0;
 var inputFileNum=0;
 var flag=false;
 function addText(formID,tableID)
 {
       var uploadFileTable=document.getElementById(tableID); 
       var rows=uploadFileTable.rows;
    var currentRow=rownum++;
    var newRow=uploadFileTable.insertRow();  
    //var rowNumCell=newRow.insertCell(0); 
    //var tempRowNum=currentRow+1; 
    // rowNumCell.innerHTML="";      
    var filePathCell=newRow.insertCell(0);  
    var fileUploadInputHTML="";
    fileUploadInputHTML="
"; 
    //fileUploadInputHTML+="";
    fileUploadInputHTML+="";
       fileUploadInputHTML+="
";
    filePathCell.innerHTML=fileUploadInputHTML;
 }
 function showSub(currentRow)
 {    
      //
      //var   strFileFormat=ssdxfile.match(/^(.*)(/.)(.{1,8})$/)[3];//检查上传文件格式  
      //strFileFormat=strFileFormat.toUpperCase();  
   //if(strFileFormat=="JPG"||strFileFormat=="BMP"||strFileFormat=="GIF")  
   //{  
        
       ////////
      
       dispic("text_"+currentRow);
       showpic('up1');
       var uploadFileTable=document.getElementById("uploadFileTableID"); 
       var rows=uploadFileTable.rows;
      
    var subcurrentRow=0;
    if(rows!==null)      
     {
     subcurrentRow=rows.length;  
     } 
    var newRow=uploadFileTable.insertRow();  
    var rowNumCell=newRow.insertCell(0); 
    var tempRowNum=subcurrentRow+1 
    rowNumCell.innerHTML=""+tempRowNum+"";      
    //var filePathCell=newRow.insertCell(1); 
    var myform= document.taskControlForm;
    //alert(myform);
    //var textname="ssdxname"+currentRow;
   // alert(textname);
    //var filename="ssdxfile"+currentRow;
    //alert(filename);
    //var ssdxname=eval("document.taskControlForm.ssdxname"+currentRow).value;
    //alert(ssdxname);
    var ssdxfile=eval("document.taskControlForm.ssdxfile"+inputFileNum).value;
 
    var Name=ssdxfile.substring(ssdxfile.lastIndexOf('//')+1,ssdxfile.lastIndexOf('.')-1);
    //alert(Name);
  
       var operationCell=newRow.insertCell(1);
    var subHtml="";
    //subHtml+="
"; 
  subHtml+=""+Name;
     //subHtml+="
";
    //if(eval("document.taskControlForm.ssdxname"+currentRow).value!="")
    //{
  // subHtml+="["+ ssdxname +"]"; 
    //}
    //else
   // {
      //subHtml+=""; 
    //} 
    operationCell.innerHTML= subHtml;
   
    var delCell=newRow.insertCell(2); 
    var opetaionICONHTML= "[删除]";
    delCell.innerHTML= opetaionICONHTML;
    xsdNum++;
    inputFileNum++;
    document.taskControlForm.xsdNum.value=xsdNum;
   indexUploadFile('tableID','uploadFileTableID');
   if(xsdNum<3)
   {
   
    addText('taskControlForm','tableID');
   } 
   else
   {
      flag=true;
      dispic('up2');
   }
  //}  
  // else  
   //{  
   //  window.confirm("只能上传.Doc和.Dot,请重新选择!");
   //}
  
 }

2 页面的展示区域：

 
        上传文件名：
       
  
  
        请选择上传文件：
       
          计数器
 

热门文章