javascript 上传多附件(struts)实例代码

发布时间:2019-08-31编辑:脚本学堂
本文介绍了javascript 上传多个附件的方法,js上传多附件实例代码,感兴趣的朋友参考下。

例子,javascript 上传多个附件(struts)代码。
 

复制代码 代码示例:

<%@ page contentType="text/html;charset=GBK" language="java" %>
<%@ include file="../common/taglib.jsp"%>
<%@ include file="../common/common.jsp"%>
<!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>
      <title>js文件上传-www.jb200.com</title>
      <meta http-equiv="Content-Type" content="text/html; charset=GBK" />
      <link href="../resource/css/master.css" rel="stylesheet" type="text/css" />
      <link href="../resource/css/software.css" rel="stylesheet" type="text/css" />
      <link href="../resource/css/pagination.css" rel="stylesheet" type="text/css" />
      <script type="text/javascript" src="../resource/js/global.js"></script>
      <script type="text/javascript" src="../resource/js/common.js"></script>
      <script type="text/javascript" src="../resource/js/calendar/calendar.js"></script>
      <script type="text/javascript" src="../resource/js/validator.js"></script>
      <script type='text/javascript' src='<%=request.getContextPath()%>/dwr/interface/schemaDropDownList.js'></script>
      <!--.smallInput{border:1px solid #333333;color:#666666;background:#eeeeee;font:normal 12px Tahoma;height:22px;margin-right:5px;}-->
      <style type="text/css">
      .smallInput0{border:1px solid #333333;color:#666666;background:white;font:normal 12px Tahoma;height:22px;margin-right:5px; width:300px;}
      .smallInput1{border:1px solid #333333;color:#666666;background:white;font:normal 12px Tahoma;height:22px;margin-right:5px;width:50px;}
      </style>
      <script type="text/javascript">
     
      window.onload = function(){
         //alert("test");
         if(window.attachEvent){//IE
        
          var obj1 = document.getElementById("nodeId");
          var id = obj1.options[obj1.selectedIndex].value;
          //alert(id);
          selectChange(id);
         }else if(window.addEventListener){//firefox
        
         }
   }
   function selectChange(nodeID){
    //alert(nodeID);
    schemaDropDownList.getBagInforList(nodeID+"",setDropDownList);
   }
   function setDropDownList(str){
    var _str = eval(str);
       var drop = document.getElementById("processId");
       drop.length = 0;
       var obj ;
       for(var i=0;i<_str.length;i++){
        obj =_str[i];
        drop.options.add(new Option(obj.name+"",obj.id+""));
       }
   }
 
   function savaSubmit(){
    var file = document.getElementById("addFileForm0");
    if(file.value==null && file.value == ""){
     alert("上传的附件不能为空!");
     return ;
    }
    /*
    var table = $("addFileForm");
    var files = table.getElementsByTagName("input");
    var length = files.length;
    for(var i=0;i<length;i++){
     var file = files[i];
     if(file.getAttribute("type") == "file" ||
      file.getAttribute("type")=="FILE"){
       alert(file.value);
      }
    }
    */
    //return false;
    document.forms[0].submit();
   }
   /* 新增上传表单start*/
   var rowId = 10;
   function $(s){
       return document.getElementById(s);
   }
   function addFile(tabid,varName)
   {
         var tab,row,td,fName,fId,tdStr;
         tab = $(tabid);
         //fName = varName+;
         fId = varName+rowId;
         row = tab.insertRow();
         row.id = "fileRow"+rowId;
         td = row.insertCell();
         tdStr="<input type="file" name=""+fId+"" id=""+fId+"" class=smallInput0>";
         tdStr+="<input type="button" name="button"+rowId+"" onclick="delTr('fileRow"+rowId+"');" value="删除" class=smallInput1>";
         td.innerHTML = tdStr;
         rowId = rowId+1;       
   }
   function delTr(row_id)
   {
         var row;
         row = $(row_id);
         row.removeNode(row_id);
   }
   /* 新增上传表单 end*/
      </script>
</head>

<body>
<html:form action="/saveSchemaInfor" method="post" enctype="multipart/form-data">
<div id="list">
    <div id="list-inner">
      <div id="listToolBar">
        <ul>
    <li><a href="javascript:historyBack();"><img mouseover="true" src="../resource/images/mpm/button/toolbar_back.gif" alt="" /></a></li>
          <li><a href="javascript:locationRefresh();"><img mouseover="true" src="../resource/images/mpm/button/toolbar_refresh.gif" alt="" /></a></li>
          <li><a href="javascript:addFile('addFileForm','files');"><img mouseover="true" src="../resource/images/mpm/button/toolbar_addnew.gif" alt="" /></a></li>
          <p>&nbsp;</p>
        </ul>
      </div>
      <table width="100%" cellspacing="0">
        <tr>
          <td colspan="4" class="list-title">包信息</td>
        </tr>
   <tr>
          <td width="15%" class="table-search-td-1">节点名称</td>
          <td width="35%" class="table-search-td-2"><span class="td-3">
            <select name="nodeId" id="nodeId" onchange="selectChange(this.options[this.selectedIndex].value);">
              <logic:iterate id="scheduleInfor" name="scheduleInforList">
                <option value="<bean:write name="scheduleInfor" property="id"/>">
                <bean:write name="scheduleInfor" property="nodeName" /></option>
             </logic:iterate>
             <option value="-1">平级节点或临时</option>
            </select>
          </span></td>
          <td width="15%" class="table-search-td-1">阶段名称</td>
          <td class="table-search-td-2"><span class="td-3">
            <select name="processId" id="processId">
            
            </select>
          </span></td>
 
    
      </table>
    <table width="100%" cellspacing="0" id="addFileForm">
   <tr>
          <td colspan="10" class="list-title">上传包文档</td>
        </tr>
        <tr><td><input type="file" name="addFileForm0" id="addFileForm0" class="smallInput0"/>
        </td></tr>
      </table>
      <!--
      <iframe name="attachFiles" width="100%" scrolling="no"
        height="180" src="<c:url value='/itsm/showAttachmentAdd.do?attachType=13&bizID=0'/>0"
        allowTransparency="true" frameborder="0" ></iframe>
   -->
   <table border="0" align="center" cellpadding="3" cellspacing="1"
       width="100%">
     
        <tr>
          <td colspan="2" align="center" class="td-3" >
            <a href="javascript:savaSubmit();"><img src="../resource/images/mpm/button/submit.gif" mouseover="true" alt="Submit" border="0" /></a>
            <a href="javascript:historyBack();"><img src="../resource/images/mpm/button/back.gif" mouseover="true" alt="Back" border="0" /></a> </td>
        </tr>
   </table>
    </div>
    </div>
    <table>
    </div>
</div>
</html:form>
</body>
</html>
struts1.2:
List<FormFile> formFiles = new ArrayList<FormFile>();
   Hashtable table = schema.getMultipartRequestHandler().getFileElements();
   for(Iterator<String> iterator = table.keySet().iterator();iterator.hasNext();){
    String name = iterator.next();
    FormFile file = (FormFile)table.get(name);
    if(null != file)
     formFiles.add(file);
   }