XML+FSO+JS 로 서버 쪽 파일 선택 효과 구현

<%'written by Linzhang Chen,2003-4-20'전재 출처 를 밝 히 고 이 저작권 정 보 를 response.write""&chr(13)response.write ""&chr(13)folders=request("folder")if folders="/" thenfolders=""end ifdim countcount=0folders=replace(folders,"..","")basefolder="../media/"기준 폴 더 경로 newfolder=basefolder&foldersSet fso=server.CreateObject("Scripting.FileSystem Object")set f=fso.getfolder(server.mappath(new folder)set sf=f.subfoldersfor each fd in sf'지정 경로 아래 폴 더 목록 response.write""&chr(13)response.write"folder"&chr(13)response.write""&fd.name&""&chr(13)response.write""&chr(13)count=count+1nextset sf=nothingset ff=f.Filesfor each fi in fffname=fi.nameif instr("asf,wma,wmv",lcase(mid(fname,instrrev(fname,".")+1)>0 then 설정 되 돌아 갈 수 있 는 파일 형식,원본 코드 유출 방지 response.write""&chr(13)response.write"file"&chr(13)response.write""&fname&""&chr(13)response.write""&chr(13)count=count+end ifnext"이 디 렉 터 리 에 파일 이 없다 면,빈 요소 if count=0 thenresse.write""&chr(13)response.write"empty"&chr(13)response.write"0"&chr(13)response.write""set ff=nothingset f=nothingset fso=nothing%>다음은 클 라 이언 트 의 JS 시간 입 니 다(selectfile.asp)비디오 파일 선택</ITLE><style>td{font-size:9pt}select{width:210}.s2{width:250}</style><SCRIPT LANGUAGE="JavaScript"><!--/*written by Linzhang Chen ,2003-4-20  전재 출처 를 밝 히 고 이 저작권 정 보 를 보존 하 십시오*//미리 불 러 온 그림 var imgback = new Image();imgback.src = "images/arrow.gif"; var imgbackgray = new Image();imgbackgray.src = "images/grayarrow.gif"; var imgfolder = new Image();imgfolder.src = "images/folder.gif"; var imggrayfolder = new Image();imggrayfolder.src = "images/grayfolder.gif";//과거 기록 배열 스 택 var arrhistory=new Array();var hisi=0;//파일 이름 function check(){if(document.all.filename.value=="){alert("파일 을 먼저 선택 하 십시오")를 되 돌려 주 십시오.return false;}else{window.returnValue =document.f1.folder.value+document.all.filename.value;window.close();}}//XML 파일 의 내용 function getuserlist(url){가 져 오기     var oXMLDoc = new ActiveXObject('MSXML');    oXMLDoc.url = url; var ooRoot=oXMLDoc.root;return ooRoot;  }//파일 을 선택 하면 이 값 을 텍스트 상자 function addfile(txt){document.all.filename.value=txt;}에 되 돌려 줍 니 다.<br>var first=1;//전역 변 수 를 정의 합 니 다.<br>function userlist(folders,ti)/선택 한 상자{document.f1.folder.value=folders 목록;filebox.document.body.innerHTML="파일 을 불 러 오고 있 습 니 다.잠시 만 기 다 려 주 십시오...";  var strshow=""; var timeoutid=null; var newfolder=""; var arrfolder=new Array(); var arrff=new Array(); var blankstr=""; var oItem; //과거 상태 확인 hisi+=ti; arrhistory[hisi]=folders; if (hisi==0) { arrow.innerHTML="<img src=\"images/grayarrow.gif\">"; } else { arrow.innerHTML="<img src=\"images/arrow.gif\" border=0 style=\"cursor:hand\" onclick=\"userlist('"+arrhistory[hisi-1]+"',-1)\" onmouseover=\"this.src='images/arrow_over.gif'\" onmouseout=\"this.src='images/arrow.gif'\">"; } //현재 폴 더 확인 if (document.f1.folder.value=="") { folderid.innerHTML="<img src=\"images/grayfolder.gif\">" } else {newsfolder=checkfolder(document.f1.folder.value) folderid.innerHTML="<img src=\"images/folder.gif\" border=0 style=\"cursor:hand\" onclick=\"userlist('"+newsfolder+"',1)\" onmouseover=\"this.src='images/folder_over.gif'\" onmouseout=\"this.src='images/folder.gif'\">" } //드 롭 다운 상자 에 값 을 부여 합 니 다. document.all.select.options.length=0; newfolder=folders; folderstr="" var _obj=document.all.select; var _o=document.createElement("Option"); _o.text="폴 더 선택"; _o.value=""; _obj.add(_o); if (newfolder!="") {arrfolder=newfolder.split("/")  for(var i=0;i<arrfolder.length-1;i++)  {blankstr+="  ";  folderstr+=arrfolder[i]+"/";  _o=document.createElement("Option");  _o.text=blankstr+arrfolder[i];  _o.value=folderstr;  _obj.add(_o);  } }document.all.select.options[document.all.select.options.length-1].selected=true; url="getfolder.asp.gl?folder="+folders; oRoot=getuserlist(url)  strshow="<table class=file cellspacing=0 cellpadding=0>"; len=oRoot.children.length; if (len==1) {oItem = oRoot.children.item(0); if(oItem.children.item(0).text=="empty") strshow="파일 과 폴 더 가 없습니다." else { if(oItem.children.item(0).text=="folder")   {   strshow+="<tr><td><A href=\"javascript:parent.userlist('"+folders+oItem.children.item(1).text+"/"+"',1)\"><img src=\"images/mediafolder.gif\" border=0 >"+oItem.children.item(1).text+"</A></td></tr>";   }   else   {    strshow+="<tr><td><a href=\"javascript:parent.addfile('"+oItem.children.item(1).text+"')\" ><img src=\"images/mediafile.gif\" border=0>"+oItem.children.item(1).text+"</A></td></tr>";   } } strshow+="</table>" } else{ //데이터 스 택  for(i=0;i<len;i++)        {   oItem = oRoot.children.item(i);   if(oItem.children.item(0).text=="folder")   {   arrff[i]="<A href=\"javascript:parent.userlist('"+folders+oItem.children.item(1).text+"/"+"',1)\"><img src=\"images/mediafolder.gif\" border=0>"+oItem.children.item(1).text+"</A>";   }   else   {    arrff[i]="<A href=\"javascript:parent.addfile('"+oItem.children.item(1).text+"')\"><img src=\"images/mediafile.gif\" border=0 height=12>"+oItem.children.item(1).text+"</A>";   }  }     //출력 할 열 가 져 오기   if (len<=6)   {x=1;   y=6;}   else   {x=len/6;   y=6;}   for(var i=0;i<y;i++)   {strshow+="<tr>"   for(var j=0;j<x;j++)   {ponits=j*y+i;    if (ponits>=len)    {    strshow+="<td> </td>";    }    else    {    strshow+="<td>"+arrff[ponits]+"</td>";    }   }   strshow+="</tr>"   }<br>  strshow+="</table>"  } filebox.document.body.innerHTML=strshow;}//--></SCRIPT><script LANGUAGE="vbscript">function checkfolder(folderstr)if (folderstr="" or instr(folderstr,"/")=instrrev(folderstr,"/")) thencheckfolder=""elsenfolder=left(folderstr,len(folderstr)-1)checkfolder=left(nfolder,instrrev(nfolder,"/"))end ifend function</script></HEAD><br><BODY style="margin:0" bgColor=menu onload="javascript:userlist('',0)"><table width="443" border="0" cellspacing="0">  <tr>    <td height="36"><table width="409" border="0">        <tr>          <td width="73"align="right">찾기 범위(<u>I</u>):</td>          <td width="214"><select name="select" id="select" size="1" onchange="javascript:userlist(this.value,1);">            </select></td>          <td width="22" valign="baseline" id="arrow" align=right></td>          <td width="20" valign="middle" id="folderid"></td>          <td width="20" align="left"><img src="images/md.gif" width="16" height="15"></td>          <td width="28" align="left"><img src="images/viewtype.gif" width="23" height="14"></td>        </tr>      </table></td>  </tr>  <tr>    <td height="120"><table width="100%" height="100%" border="0">        <tr>          <td width="9"> </td>          <td ><iframe src="blank.htm" width=415 height=120 id="filebox"></iframe></td>          <td width="13"> </td>        </tr>      </table></td>  </tr>  <tr>    <td height="60"><table width="100%" border="0">       <FORM METHOD=POST ACTION="" name="f1">    <input type="hidden" name="folder" value="">         <tr>           <td width="85"align="right">파일 이름(<u>N</u>):  </td>          <td width="254"><input type="text" id="filename" size="34"></td>          <td><button onclick="javascript:return check()">  열기(<u>O</U>)</button></td>        </tr>        </FORM>        <tr>           <td align="right">파일 형식(<u>T</u>):</td>          <td><select name="select2"   class=s2>              <option>흐 르 는 미디어 파일(*.asf,*.wmv,*.wma)</option>            </select></td>          <td><input type="button"name="Submit"value="취소  " onclick="window.close();"></td>        </tr>      </table></td>  </tr></table></BODY></HTML><br>    파일 과 폴 더 에 표 시 된 스타일 을 정의 하 는 작은 파일 blank.htm 이 있 습 니 다<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document

     호출 할 때 다음 함 수 를 사용 하면 가짜 서버 에서 파일 을 선택 하 는 효과 function selectfile(){var arr=show Modal Dialog("selectfile.asp?temp="+Math.random()","dialog Width:453px;dialogHeight:252px; status:0;help:1");  if (arr != null)   {   return arr  }}       이 함수 가 마지막 으로 선택 한 파일 이름 을 되 돌려 줍 니 다.함수 에 사 용 된 몇 장의 그림 을 모두 가 파일 선택 상자 에서 잡 았 습 니 다.)

좋은 웹페이지 즐겨찾기