XML+FSO+JS를 사용하여 서버측 파일 선택 효과를 위한 코드를 구현합니다. 필요한 친구는 이를 참조할 수 있습니다.
<%
' Linzhang Chen 작성, 2003-4-20
'재인쇄 시 출처를 명시하고 저작권 정보를 남겨주세요.
response.write <?xml 버전=1.0 인코딩=GB2312?>&chr(13)
response.write <미디어파일>&chr(13)
폴더=요청(폴더)
if 폴더=/then
폴더=
종료하면
희미한 수
개수=0
폴더=교체(폴더,..,)
기본 폴더=../media/'기본 폴더 경로
새 폴더=기본 폴더&폴더
fso =server.CreateObject(Scripting.FileSystemObject) 설정
f=fso.getfolder(server.mappath(새 폴더))를 설정합니다.
sf=f.subfolders 설정
sf'의 각 fd에 대해 지정된 경로 아래의 폴더 목록을 반환합니다.
response.write <파일>&chr(13)
response.write <ftype>폴더</ftype>&chr(13)
response.write <fname>&fd.name&</fname>&chr(13)
response.write </file>&chr(13)
카운트=카운트+1
다음
sf=아무것도 설정하지 않음
ff=f로 설정합니다.파일
ff의 각 fi에 대해
fname=fi.name
if instr(asf,wma,wmv,lcase(mid(fname,instrrev(fname,.)+1)))>0 then'소스 코드 유출을 방지하기 위해 반환을 허용하는 파일 형식을 설정합니다.
response.write <파일>&chr(13)
response.write <ftype>파일</ftype>&chr(13)
response.write <fname>&fname&</fname>&chr(13)
response.write </file>&chr(13)
카운트=카운트+1
종료하면
다음
'디렉토리에 파일이 없으면 빈 요소를 보냅니다.
count=0이면
response.write <파일>&chr(13)
response.write <ftype>비어 있음</ftype>&chr(13)
response.write <fname>0</fname>&chr(13)
response.write </file>&chr(13)
종료하면
응답.쓰기 </mediafile>
ff=아무것도 설정하지 않음
f=아무것도 설정하지 않음
fso=아무것도 설정하지 않음
%>
다음은 클라이언트 JS(selectfile.asp)의 작업입니다.
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN>
<HTML>
<헤드>
<TITLE> 비디오 파일 선택</TITLE>
<스타일>
td{글꼴 크기:9pt}
선택{너비:210}
.s2{너비:250}
</style>
<스크립트 언어=자바스크립트>
<!--
/* Linzhang Chen 작성, 2003-4-20
재인쇄 시 출처를 명시하고 저작권 정보를 유지하시기 바랍니다*/
//이미지 미리 로드
var imgback = 새 이미지();
imgback.src = 이미지/arrow.gif;
var imgbackgray = 새 이미지();
imgbackgray.src = 이미지/grayarrow.gif;
var imgfolder = 새 이미지();
imgfolder.src = 이미지/folder.gif;
var imggrayfolder = 새 이미지();
imggrayfolder.src = 이미지/grayfolder.gif;
//히스토리 배열 스택
var arrhistory=new Array();
바르히시=0;
//반환할 파일 이름을 결정하는 데 사용됩니다.
기능검사()
{
if (document.all.filename.value==)
{
경고(먼저 파일을 선택하십시오);
거짓을 반환;
}
또 다른
{
window.returnValue =document.f1.folder.value+document.all.filename.value;
window.close();
}
}
//XML 파일의 내용을 가져옵니다.
함수 getuserlist(url)
{ var oXMLDoc = new ActiveXObject('MSXML');
oXMLDoc.url = URL;
var ooRoot=oXMLDoc.root;
ooRoot를 반환합니다.
}
//파일이 선택되면 이 값을 텍스트 상자에 반환합니다.
함수 addfile(txt)
{
document.all.filename.value=txt;
}
var first=1;//전역 변수 정의
function userlist(folders,ti)//선택한 상자 나열
{document.f1.folder.value=폴더;
filebox.document.body.innerHTML=파일을 로드하는 중입니다. 잠시 기다려 주십시오...;
var strshow=;
var 시간 초과 ID=null;
var 새 폴더=;
var arrfolder=새 배열();
var arrff=새 배열();
var 공백str=;
var o항목;
//과거 상태 확인
hisi+=ti;
arristory[hisi]=폴더;
if (히시==0)
{
arrow.innerHTML=<img src=/images/grayarrow.gif/>;
}
또 다른
{
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/>
}
또 다른
{뉴스폴더=체크폴더(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;
새폴더=폴더;
폴더str=
var _obj=document.all.select;
var _o=document.createElement(옵션);
_o.text=폴더 선택;
_o.값=;
_obj.add(_o);
if (새 폴더!=)
{arrfolder=newfolder.split(/)
for(var i=0;i<arrfolder.length-1;i++)
{공백str+= ;
폴더str+=arr폴더[i]+/;
_o=document.createElement(옵션);
_o.text=blankstr+arrfolder[i];
_o.value=폴더str;
_obj.add(_o);
}
}
document.all.select.options[document.all.select.options.length-1].selected=true;
url=getfolder.asp.gl?folder=+폴더;
oRoot=getuserlist(url)
strshow=<테이블 클래스=파일 셀 간격=0 셀 패딩=0>;
len=oRoot.children.length;
만약 (len==1)
{oItem = oRoot.children.item(0);
if(oItem.children.item(0).text==비어 있음)
strshow=파일이나 폴더가 없습니다;
또 다른
{
if(oItem.children.item(0).text==폴더)
{
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>;
}
또 다른
{
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>
}
또 다른{
//데이터를 스택에 푸시
for(i=0;i<len;i++)
{ oItem = oRoot.children.item(i);
if(oItem.children.item(0).text==폴더)
{
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>;
}
또 다른
{
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>;
}
}
//출력할 열 수를 가져옵니다.
만약 (len<=6)
{x=1;
y=6;}
또 다른
{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>;
}
또 다른
{
strshow+=<td>+arrff[ponits]+</td>;
}
}
strshow+=</tr>
}
strshow+=</table>
}
filebox.document.body.innerHTML=strshow;
}
//-->
</SCRIPT>
<스크립트 LANGUAGE=vbscript>
함수 checkfolder(folderstr)
if (folderstr= 또는 instr(folderstr,/)=instrrev(folderstr,/)) then
체크폴더=
또 다른
nfolder=왼쪽(폴더 문자열, len(폴더 문자열)-1)
체크폴더=왼쪽(nfolder,instrrev(nfolder,/))
종료하면
종료 기능
</script>
</HEAD>
<BODY 스타일=마진:0 bgColor=메뉴 onload=javascript:userlist('',0)>
<테이블 너비=443 테두리=0 셀 간격=0>
<tr>
<td 높이=36><테이블 너비=409 테두리=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=화살표 align=right></td>
<td width=20 valign=middle id=folderid></td>
<td 너비=20 정렬=왼쪽><img src=images/md.gif 너비=16 높이=15></td>
<td 너비=28 정렬=왼쪽><img src=images/viewtype.gif 너비=23 높이=14></td>
</tr>
</table></td>
</tr>
<tr>
<td 높이=120><테이블 너비=100% 높이=100% 테두리=0>
<tr>
<td 너비=9> </td>
<TD>
<iframe src=blank.htm 너비=415 높이=120 id=filebox></iframe></td>
<td 너비=13> </td>
</tr>
</table></td>
</tr>
<tr>
<td 높이=60><테이블 너비=100% 테두리=0>
<양식 방법=포스트 작업= 이름=f1>
<입력 유형=숨겨진 이름=폴더 값=>
<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><선택 이름=select2 클래스=s2>
<option>스트리밍 미디어 파일(*.asf, *.wmv, *.wma)</option>
</select></td>
<td><입력 유형=버튼 이름=제출 값=취소 onclick=window.close();></td>
</tr>
</table></td>
</tr>
</table>
</BODY>
</HTML>
파일과 폴더의 표시 스타일을 정의하는 데 사용되는 작은 파일인 Blank.htm도 있습니다.
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN>
<HTML>
<헤드>
<TITLE> 새 문서 </TITLE>
<스타일>
td{글꼴 크기:9pt}
본문{글꼴 크기:9pt}
.file A{색상: #000000; 텍스트 장식: 없음;글꼴 크기:9pt}
.file A:방문{COLOR: #000000 TEXT-DECORATION: 없음;글꼴 크기:9pt}
.file A:hover {COLOR: #000000 TEXT-DECORATION: 없음;글꼴 크기:9pt}
</style>
</HEAD>
<BODY 스타일=여백: 0pt>
</BODY>
</HTML>
호출 시 다음 함수를 사용하면 실제 파일과 똑같이 보이는 서버측 파일을 선택하는 효과를 얻을 수 있습니다.
함수 선택 파일()
{
var arr = showModalDialog(selectfile.asp?temp=+Math.random(), ,DialogWidth:453px;DialogHeight:252px;status:0;help:1);
if (arr != null)
{
도착 도착
}
}
이 함수가 마지막으로 반환하는 것은 선택한 파일 이름입니다. 파일 선택 상자에서 함수에 사용된 여러 사진을 가져올 수 있습니다.