无组件文件上传

来源:互联网 发布:r常用的算法 编辑:程序博客网 时间:2024/04/28 01:31
<html>

<body>


<div id="document">
<table cellpadding="0" cellspacing="0" border="0"  width="100%">

                
<!-- Before Java Script Begin-->
                
                
<script language="javascript">
                
                
                    
function addIDRow()
                    {
                        
var table = document.all.IDTable;
                        
var tr1 = table.insertRow();
                        tr1.style.backgroundColor 
= "white";
                                        
                                        
                        
var tr1_td1 = tr1.insertCell();
                        
var tr1_td2 = tr1.insertCell();
                        
var tr1_td3 = tr1.insertCell();
                        
var tr1_td4 = tr1.insertCell();
                        tr1_td4.style.textAlign
="center";

                        tr1_td1.innerHTML 
= document.all.itr1td1.innerHTML;
                        
//alert(document.all.itr1td2.innerHTML);
                        tr1_td2.innerHTML = document.all.itr1td2.innerHTML;
                                        
                        tr1_td3.innerHTML 
= document.all.itr1td3.innerHTML;
                        tr1_td4.innerHTML 
= document.all.itr1td4.innerHTML;
                                        
                        reflushIndex(table);
                    }
                    
                    
function removeTableRow(table,obj){
                    
var imgs = table.getElementsByTagName('img');
                        
for(var i =0; i<imgs.length; i++){
                            
if(imgs(i)==obj){
                                table.deleteRow(i
+1);
                            }
                        }
                        reflushIndex(table);
                   }
                                    
                    
function removeRow(table,obj)
                    {
                            
var imgs = table.getElementsByTagName('img');
                            
//alert(imgs.length);
                            for(var i =0; i<imgs.length; i++)
                            {
                            
//    alert(imgs(i)==obj);
                                if(imgs(i)==obj && imgs.length!=1){
                                    table.deleteRow(i
+1);
                                    
break;
                                }
                            }
                            reflushIndex(table);
                    }
                                    
                    
function reflushIndex(oTable)
                    {
                        
for(var i=1; i<oTable.rows.length; i++)
                        {
                            
var cell = oTable.rows(i).getElementsByTagName('td')(0);
                            cell.innerHTML 
= i;
                        }
                    }
                    
                
function lengthCheck(ctrlId,max)
                {
                    
var oControl = ctrlId;

                    
//var oX = oControl.getBoundingClientRect().left; 
                    //var oY = oControl.getBoundingClientRect().top;

                    
var oX = getAbsoluteLeft(oControl);
                    
var oY = getAbsoluteTop(oControl);
                    
                    
//if(cuntrId!=null){
                        var oCounter = document.getElementById('dCounter');    
                        oCounter.style.display
='block';
                    
//}
                    
                    
if(oControl.value.length > max){
                        oControl.value 
= oControl.value.substr(0,max);
                    }

                    
if(oCounter!=null){
                        oCounter.innerHTML 
= max - oControl.value.length;
                        oCounter.style.left 
= oX-20
                        oCounter.style.top 
= oY-20;
                    }
               }



                
function getAbsoluteLeft(ob)
                {
                 
if(!ob){return null;}
                   
var obj = ob;
                   
var objLeft = obj.offsetLeft;
                   
while(obj!= null && obj.offsetParent != null && obj.offsetParent.tagName != "BODY" ){
                     
//alert('obj='+obj+'  obj.offsetParent='+obj.offsetParent+' '+'obj.offsetParent.tagName='+obj.offsetParent.tagName);
                     objLeft += obj.offsetParent.offsetLeft;
                     obj 
= obj.offsetParent;
                   }   
                 
return objLeft ;
                }

                
function getAbsoluteTop(ob)
                {
                 
if(!ob){return null;}
                 
var obj = ob;
                 
var objTop = obj.offsetTop;
                 
while(obj != null && obj.offsetParent != null && obj.offsetParent.tagName != "BODY" ){
                   
//alert('obj='+obj+'  obj.offsetParent='+obj.offsetParent+' '+'obj.offsetParent.tagName='+obj.offsetParent.tagName);
                   objTop += obj.offsetParent.offsetTop;
                   obj 
= obj.offsetParent;
                 }
                 
return objTop ;
                }

    
                 
/////////////////////////////////////////////////////////////
                function show(){
                    disabledAllSelect();    
                    document.all.errDIV.style.display
="block";
                    document.all.errDIV.style.width
=document.body.clientWidth;
                    document.all.errDIV.style.height
=document.body.clientHeight;
                    
//document.all.Layer2.style.left = document.all.Layer2.getBoundingClientRect().left;
                    //document.all.Layer2.style.top = document.all.Layer2.getBoundingClientRect().top;
                    document.all.Layer2.style.display='block';
                }

                
function disabledAllSelect(){
                    
var oSelects = document.getElementsByTagName('select');
                    
for(var i =0; i<oSelects.length; i++){        
                        oSelects(i).disabled 
= true;
                        oSelects(i).style.backgroundColor 
= '#aaaaaa';
                    }
                }

                
function showFileUpload(){
                    disabledAllSelect();
                    document.all.errDIV.style.display
="block";
                    document.all.errDIV.style.width
=document.body.clientWidth;
                    document.all.errDIV.style.height
=document.body.clientHeight;
                    document.all.dUploadFile.style.display
="block";
                }
    
                
function enableAllSelects(docObj){
                    
var slts = docObj.getElementsByTagName('select');
                    
for(var i =0; i<slts.length; i++){
                        slts[i].style.backgroundColor
="";
                        slts[i].disabled 
= false;
                    }
                }
                 
</script>
                     
                
                
<!-- Before Java Script End -->


                
<!--Main HTML Content Put Here Begin-->
                 
                 
<div id="errDIV" style="position:absolute;top:0px;FILTER: alpha(opacity=60);background-color:#777; z-index:2; left: 0px;display:none;"> 
                 
</div>
                
<div id="Layer2" align="center" style="position:absolute; z-index:3; 
                                                width:540;height:100%;
                                                left:expression((document.body.offsetWidth-540)/2);
                                                top: expression((document.body.offsetHeight)/2);
                                                background-color:#fff;display:none;"
 
                                                valign
="center"> 
                 
<table width=540;border=1 cellpadding=0 cellspacing=0 style="border:1px solid #e7e3e7;border-collapse: collapse;">
                      
<tr>
                          
<td style="background-color:#73A2d6;color:#fff;padding-left:4px;padding-top:2px;font-weight:bold;font-size:14px;" height=15 valign="center">- WARNING -</TD>
                      
</tr>
                      
<tr>
                        
<td>Sorry,Cannot submit this request, please check out:</td>
                      
</tr>
                      
<tr>
                          
<td>
                              
<table width=80% align=center>
                                  
<tr>
                                      
<td align="left" id="errMessage"></td>
                                  
</tr>
                              
</table>
                          
</td>
                      
</tr>
                      
<tr>
                          
<td style="background-color:#f7f7f7;" height=15 align="center">
                            
<input class=button type="button" value="confirm" onclick="document.all.errDIV.style.display='none';document.all.Layer2.style.display='none';enableAllSelects(document);" id=button7 name=button7></td>
                      
</tr>
                
</table>
                
</div>
                
                 
<div id="dUploadFile" style="position:absolute;z-index:10;left:expression((this.offsetParent.clientWidth/2)-(this.clientWidth/2)+this.offsetParent.scrollLeft);top:expression((this.offsetParent.clientHeight/2)-(this.clientHeight/2)+this.offsetParent.scrollTop);display:none;">
    
                    
<table width=400 bgcolor=white>
                        
<tr bgcolor="#3b73b9">
                            
<td><font color=white><strong>&nbsp;- File upload -</strong></font></td>
                        
</tr>    
                        
<tr>
                            
<td>                
                                
<table align="center" valign="center" width="100%" border="0" class="contentTable1">
                                    
<tr>
                                        
<td>
                                            
<form target=tt name="myform" action="SS_upload_handle.asp" enctype="multipart/form-data" method="post" >
                                            
<table align="center" valign="center" width="100%" border="0" id="e">
                                                
<tr>
                                                    
<td align=left id=uploadtitle>Please choice file for upload.</td>
                                                
</tr>
                                                
<tr>
                                                    
<td><input type=file name="file112" style="width:450px;height:20px;"></td>
                                                
</tr>        
                                                
<tr>
                                                    
<td>
                                                        
<input id=text3 name="filedesc" style="width:380px;height:18px;text-align:center;color:#aaaaaa" value="----  Pleas Input Description  ----" onfocus="this.value='';this.style.textAlign='left';this.style.color='#000000'">
                                                    
</td>
                                                
</tr>
                                                
<tr>
                                                    
<td align=center><input onclick="document.all.uploadtitle.innerHTML='Uploading,pleas wating...'" class=button type=submit value=Upload id=submit1 name=submit1>
                                                    
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                    
<input class=button type=reset value=Rechoice id=reset1 name=reset1>
                                                    
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                    
<input class=button type=button value=Cancel onclick="document.all.dUploadFile.style.display='none';document.all.errDIV.style.display='none';enableAllSelects(document);" id=button6 name=button6>
                                                    
</td>
                                                
</tr>    

                                            
</table>
                                            
</form>
                                        
</td>
                                    
</tr>            
                                    
<tr>
                                        
<td>
                                            
<iframe src="SS_upload_handle.asp" name=tt width=400 height=400 style="display:none"></iframe>
                                        
</td>
                                    
</tr>        
                                
</table>                        
                            
</td>
                        
</tr>        
                    
</table>                
                
</div>
                
<!----------------------------------------------------------->          

    
<!----------------------------------------------------------->  
            
<table width=100%>
                        
<tr bgcolor="#3b73b9">
                            
<td><font color=white><strong>&nbsp; :: References</strong></font></td>
                        
</tr>    
                        
<tr>
                            
<td>                
                                
<table align="center" valign="center" width="100%" border="0" class="contentTable1">
                                    
<tr>
                                        
<td>
                                            
<table align="center" valign="center" width="100%" border="0" id="referencesTable">
                                                
<tr height="20" bgcolor="#f5f5f5">
                                                    
<td id=rtr1td1>ID</td>
                                                    
<td id=rtr1td2 style="width:200pt">File Name</td>
                                                    
<td id=rtr1td3>Description</td>
                                                    
<td id=rtr1td4>Upload Date</td>
                                                    
<td id=rtr1td5 style="width:10px">Delete</td>
                                                
</tr>
                                                
<%
                                                    
if RequestID<>"" then 
                                                    
set rsATM = server.CreateObject("adodb.recordset")
                                                    rsATM.Open 
"select * from PA_Attachment where RequestID="&RequestID,connpa
                                                    counter
=1
                                                    
while not rsATM.EOF 
                                                
%>
                                                
<tr bgcolor="#f5f5f5">
                                                    
<td>
                                                            
<%=counter%>
                                                    
</td>
                                                    
<td><input type="hidden" id="txtFileName" name="FileName" value="<%=rsATM("FileName")%>">
                                                            
<input type="hidden" id="txtFilePATH" name="FilePath" value="<%=rsATM("FilePATH")%>"><target='block' href="<%=rsATM("FilePATH")%>"><%=rsATM("FileName")%></a></td>
                                                    
<td><input id="txtFileDesc" name="FileDesc" style='width:300px;' value="<%=rsATM("FileDESC")%>"></td>
                                                    
<td><%=rsATM("CreateDate")%><input type=hidden id=txtFileDate name=FileDate value="<%=rsATM("CreateDate")%>"></td>
                                                    
<td><img id="delete" onclick='removeTableRow(document.all.referencesTable,this);' src='../BR/images/delete.gif'></td>
                                                
</tr>
                                                
<%
                                                    rsATM.MoveNext 
                                                    counter
=counter+1
                                                    
wend
                                                    
else
                                                
%>
                                                
                                                
<%
                                                    
end if
                                                
%>
                                            
</table>
                                        
</td>
                                    
</tr>        
                                    
<tr height="20" bgcolor="#f5f5f5">
                                        
<td align=left>
                                            
<input type=button class="button" onclick="showFileUpload();" value="Add a reference file" id=btnAddReferences name=AddReferences>
                                        
</td>
                                    
</tr>                                                                                                                    
                                
</table>                        
                            
</td>
                        
</tr>        
                    
</table>
<!----------------------------------------------------------->  
           
<!----------------------------------------------------------->              
                                        
            
<table align="center" valign="center"  width="800">
                
<tr><td align="center">
                    
<table border="0" width="100%">
                       
<tr height="20">
                        
<td colspan=3 >
                            
<input name="ReqType" type="hidden" value="<%=SType%>">
                            
<input name="ReqID" type="hidden" value="<%=RequestID%>">
                        
</td>
                      
</tr>        
                      
<tr height="20">
                         
<td align="right" width="40%"><input id="Save" name="btn_save" class="button" onClick="javascript:submit_req('ACTION_SAVE');" type="button" value="Save" style="width:100px"></td>
                       
                      
</tr>
                    
</table>
                                                                    
           
</table>

                
<!--Main HTML Content Put Here End-->


            
                
<!-- MAIN CONTENT END -->
            
</div>
        
</td>
    
</tr>

    
<!-- FOOTER BEGIN-->
    
<tr valign="top" align="center">
        
<td colspan="2" id="footCell">
    
        
</td>
    
</tr>
    
<tr valign="top">
        
<td colspan="2" id="footCell">
        
        
</td>
    
</tr>
    
<!-- FOOTER END -->
</table>
</div>
</body>
</html>
 
原创粉丝点击