文件上传下载(一)

1、前台页面

<%@ page contentType="text/html; charset=gbk" language="java"
 import="java.sql.*" isELIgnored="false"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/struts-template.tld" prefix="template"%>
<%
 String path = request.getContextPath();
 String basePath = request.getScheme() + "://"
   + request.getServerName() + ":" + request.getServerPort()
   + path + "/";
%>

<html>
 <head>
  <title>上传附件</title>
  <link href="<%=request.getContextPath()%>/css/ecc.css"
   rel="stylesheet" type="text/css" />
  <meta http-equiv="Content-Type" content="text/html; charset=gbk">
<style type="text/css">
<!--
.STYLE4 {color: #FF0000}
-->
</style>
  <script type="text/javascript">

//判断文件大小(需要将ie安全等级设为低才能支持)
function ShowSize(files)
{
   //var fso,f;
   //fso=new ActiveXObject("Scripting.FileSystemObject");
 //f=fso.GetFile(files);
  //return f.size;
}

function check_save()
{

  var MyFile1 = document.TmDocAccessoryForm.elements("myFiles").value;
  var begin = MyFile1.lastIndexOf(".")+1;
  var MyFile=MyFile1.substring(begin,MyFile1.length).toLowerCase();
  if(MyFile!="rar"&& MyFile!="zip"&& MyFile!="jpeg"&& MyFile!="pic" && MyFile!="bmp" && MyFile!="jpg"&& MyFile!="gif" && MyFile!="doc" && MyFile!="xls" && MyFile!="ppt"){
   alert('您要上传的附件只能是.rar,.zip,.jpeg,.pic,.bmp,.jpg,.gif,.doc,.xls,.ppt后缀格式.');
   return   false;
  }
  return true; 
}
 
//判断文件是否小于3m
// if(ShowSize(MyFile1)>3*1024*1024){
//   alert('上传文件最大为3M,请确认!');
//   return   false;
// }

function save()
{
/*  if(check_save())submit();
  {
   return false;
  }*/
  var MyFile1 = document.TmDocAccessoryForm.elements("myFiles").value;
  if(MyFile1 == "" || MyFile1 == null)
  {
   alert('请选择您要上传的附件!');
   return;
  }
  submit();
}
function submit()
{
   document.TmDocAccessoryForm.formAction.value="upLoad";
   document.TmDocAccessoryForm.submit();
}

function closeWindow()
{
 if('${TmDocAccessoryForm.isReload}'=='T')
 {
  var tmDocTypeId=document.getElementsByName("tmDocTypeId")[0].value;
  //alert(tmDocTypeId);
  opener.searchAjax(tmDocTypeId);
  }
}

function closeWindow2()
{
 window.close();
}

function selectAll(e){   
    var item=document.getElementsByName('deleteIds');
  for (var i=0;i<item.length;i++)
  {
   item[i].checked=e.checked;
  }
}

  function isDele()
  {
 
    var boxM=document.getElementsByName('deleteIds');  
  var j=0;
  for(var i=0;i<boxM.length;i++)
  {
   if(boxM[i].checked==true)
   {     
    j++;
   }
  }  
  if(j<=0)
  {
   alert("请选择记录");
   return false;
  }     
 if (confirm("确定删除?"))
 {    
     document.TmDocAccessoryForm.formAction.value="delete";
     document.TmDocAccessoryForm.submit();     
    }
  }
     var num = 0;
   function addFile()
   {
      var innerHTML = TmDocAccessoryForm.innerHTML;
      var signal = "<TD id=tdTarget>";
      var signalLen = signal.length;
      var targetIndex = innerHTML.indexOf(signal);

      var preHTML = innerHTML.substring(0,(targetIndex-6));
      var subHTML = innerHTML.substring(targetIndex-6);
      num++;
      var insertHTML = "<TR><TD><input type=file name=uploadFile["+ num + "].file value=''></TD>";
      innerHTML = preHTML + insertHTML + subHTML;

      TmDocAccessoryForm.innerHTML = innerHTML;
      //alert(multiUploadForm.innerHTML);
   }
   function toDelete(tmDocAccessoryId)
   {
     var tmDocTypeId=document.getElementsByName("tmDocTypeId")[0].value;
     if(window.confirm('确定删除吗?')==true)
     {
      location.href="<%=request.getContextPath()%>/TmDocAccessoryAction.do?formAction=del&tmDocAccessoryId="+tmDocAccessoryId+"&tmDocTypeId="+tmDocTypeId;
     }
     else
     {
      return;
     }
   }
</script>
 </head>
 <body οnlοad="closeWindow()">
<html:form action="/TmDocAccessoryAction" method="post" enctype="multipart/form-data">
<html:hidden name="TmDocAccessoryForm" property="formAction" />
<html:hidden name="TmDocAccessoryForm" property="tmDocTypeId" />
<br/>
   <TABLE cellSpacing=1 cellPadding=2 width="95%" align=center
    bgColor=#7292C2 border=0>
    <TBODY>
     <tr bgcolor="#FFFFFF">
      <TD colspan="2">
       <IMG src="<%=request.getContextPath()%>/images/icon_search1.gif"
        width="18" height="18" class="icon">
       请填写附件信息
      </TD>
     </tr>
     <TR bgColor=#efefef>
      <TD class=item4 bgColor=#FFFFFF>附件名称
      <span class="STYLE4">*</span></TD>
      <TD align=left bgColor=#efefef class="item6"><div align="left">
        <input type="text" name="model.accessoryTitle" />
      </div></TD>
    </TR>
     <TR bgColor=#efefef>
      <td class=item4 width="11%" bgColor=#FFFFFF>
       <nobr>
        选择附件
        <span class="STYLE4">*</span>
       </nobr>
      </td>
      <td bgColor=#efefef class="item6">

       <html:file name="TmDocAccessoryForm" property="myFiles" size="50"
        style="cursor:hand" styleClass="button"/>
      </td>
     </tr>
     <tr bgColor=#efefef>
      <td align="left" width="15%" class="item4">
       <nobr>
        附件描述
       </nobr>
      </td>
      <td bgColor=#efefef class="item6">
       <textarea name="model.memo" cols="70" rows="2" style="overflow:auto"></textarea>
       最多200个字节(每个汉字为两个字节)
      </td>
     </tr>
     <tr>
     <td height="24" colspan="2" bgcolor="#DCE8F3" class="item4"><div align="left">*可上传多个附件。</div></td>
     </tr>
     </TBODY>
   </table>
   <br/>
<TABLE cellSpacing=1 cellPadding=2 width="95%" align=center
      bgColor=#7292C2 border=0>
  <TBODY>
    <TR align="center" bgColor=#efefef>
      <td width="100%" bgColor=#DCE8F3 class=item4 style1>
  <INPUT style="CURSOR: hand" type="button" value=" 上传 " onClick="save()" class="button" />&nbsp;&nbsp;
  <INPUT style="CURSOR: hand" type="button" value=" 返回 " onClick="javascript:history.go(-1)" class="button">   
   </td>

 </tr>
 </TBODY>
</table>
<br/>
  <table cellspacing="1" cellpadding="2" width="95%" align="center"
                  bgcolor="#7292c2" border="0">
    <tbody>
     <tr bgcolor="#FFFFFF" >
  <TD colSpan="7"><IMG src="<%=request.getContextPath() %>/images/icon_search1.gif" width="18" height="18" class="icon">
  查询的文档列表
  </TD>
 </tr>
    <tr align="center" bgcolor="#93bde1">
     <td bgcolor="#93bde1" class="item4">
      <nobr>
       <input type="checkbox" name="delFiles" title="选择所有"
        onClick="selectAll(this);">
      </nobr>
     </td>
     <td bgcolor="#93bde1" class="item4">
      <nobr>
       序号
      </nobr>
     </td>
     <td bgcolor="#93bde1" class="item4">
      <nobr>
       附件名称
      </nobr>
     </td>
     <td bgcolor="#93bde1" class="item4">
      <nobr>
       附件大小(KB)
      </nobr>
     </td>
     <td bgcolor="#93bde1" class="item4">
      <nobr>
       附件描述
      </nobr>
     </td>
     <td bgcolor="#93bde1" class="item4">
      <nobr>
       上传时间
      </nobr>
     </td>
     <td bgcolor="#93bde1" class="item4">
      <nobr>
       操作
      </nobr>
     </td>
    </tr>
    <logic:present name="TmDocAccessoryForm" property="modelList">
     <logic:iterate id="file" name="TmDocAccessoryForm"
      property="modelList" indexId="index">
      <tr  align="left" bgcolor="FFFFFF">
       <td align="left">
        <input type="checkbox" name="deleteIds"
         value='<bean:write name="file" property="tmDocAccessoryId"/>'>
       </td>
       <td bgcolor="#efefef" class="item6"><%=index.intValue() + 1%></td>
       <td bgcolor="#efefef" class="item6">
        <bean:write name="file" property="accessoryTitle" />
        </a>
       </td>
       <td bgcolor="#efefef" class="item6">
        <bean:write name="file" property="accessorySize" />
       </td>
       <td bgcolor="#efefef" class="item6">
        <bean:write name="file" property="memo" />
       </td>
       <td bgcolor="#efefef" class="item6">
        <bean:write name="file" property="creationDate" />
       </td>
       <td bgcolor="#efefef" class="item6">
        <a href="javascript:toDelete('<bean:write  name="file" property="tmDocAccessoryId" />')"
         class="textlink" target="_self">删除</a>
       </td>
      </tr>
     </logic:iterate>
    </logic:present>
   </table>

   <br>

</html:form>
</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值