用XML+FSO+JS实现服务器端文件的选择


答案：看了inanition的《在服务器端选择文件》一文，后发现我已经早把它作出来了，于是贴出来大家共享
    首先在服务器端先创建一个程序可以生成XML文件，以返回客户端，（getfolder.asp）
<%
'written by Linzhang Chen ,2003-4-20 
' 转载请注明出处和保留此版权信息 
response.write "<?xml version=""1.0"" encoding=""GB2312""?>"&chr(13)
response.write "<mediafile>"&chr(13)
folders=request("folder")
if folders="/" then
folders=""
end if
dim count
count=0
folders=replace(folders,"..","")
basefolder="../media/"'基准的文件夹路径
newfolder=basefolder&folders
Set fso =server.CreateObject("Scripting.FileSystemObject")
set f=fso.getfolder(server.mappath(newfolder))
set sf=f.subfolders
for each fd in sf'返回指定路径下面的文件夹列表
response.write "<file>"&chr(13)
response.write "<ftype>folder</ftype>"&chr(13)
response.write "<fname>"&fd.name&"</fname>"&chr(13)
response.write "</file>"&chr(13)
count=count+1
next
set sf=nothing
set ff=f.Files
for each fi in ff
fname=fi.name
if instr("asf,wma,wmv",lcase(mid(fname,instrrev(fname,".")+1)))>0 then'设定允许返回的文件类型，防止源码泄露
response.write "<file>"&chr(13)
response.write "<ftype>file</ftype>"&chr(13)
response.write "<fname>"&fname&"</fname>"&chr(13)
response.write "</file>"&chr(13)
count=count+1
end if
next
'如果该目录下没有文件，就发一个空元素
if count=0 then
response.write "<file>"&chr(13)
response.write "<ftype>empty</ftype>"&chr(13)
response.write "<fname>0</fname>"&chr(13)
response.write "</file>"&chr(13)
end if
response.write "</mediafile>"
set ff=nothing
set f=nothing
set fso=nothing
%>
下面就是客户端的JS的功夫了(selectfile.asp)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 选择视频文件 </TITLE>
<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 = "http://old.zzzyk.com/article/Article/images/arrow.gif";
 var imgbackgray = new Image();
imgbackgray.src = "images/grayarrow.gif";
 var imgfolder = new Image();
imgfolder.src = "http://old.zzzyk.com/article/Article/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;
}

var first=1;//定义一个全局变量

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=http://old.zzzyk.com/"images/grayarrow.gif\">";
 }
 else
 {
 arrow.innerHTML="<img src=http://old.zzzyk.com/"http://old.zzzyk.com/article/Article/images/arrow.gif\" border=0 style=\"cursor:hand\" onclick=\"userlist('"+arrhistory[hisi-1]+"',-1)\" onmouseover=\"this.src='http://old.zzzyk.com/article/Article/images/arrow_over.gif'\" onmouseout=\"this.src='http://old.zzzyk.com/article/Article/images/arrow.gif'\">";
 }
 //确定当前的文件夹
 if (document.f1.folder.value=="")
 {
 folderid.innerHTML="<img src=http://old.zzzyk.com/"images/grayfolder.gif\">"
 }
 else
 {newsfolder=checkfolder(document.f1.folder.value)
 folderid.innerHTML="<img src=http://old.zzzyk.com/"http://old.zzzyk.com/article/Article/images/folder.gif\" border=0 style=\"cursor:hand\" onclick=\"userlist('"+newsfolder+"',1)\" onmouseover=\"this.src='http://old.zzzyk.com/article/Article/images/folder_over.gif'\" onmouseout=\"this.src='http://old.zzzyk.com/article/Article/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=>   }
   else
   {
    strshow+="<tr><td><a href=>  
   }
 }
 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=>   }
   else
   {
    arrff[i]="<A href=\"javascript:parent.addfile('"+oItem.children.item(1).text+"')\"><img src=http://old.zzzyk.com/"images/mediafile.gif\"
上一个：用JPEG文件EXIF信息ASP版本（1）
下一个：新闻系统里防止产生垃圾图片的一种方法
更多图片编程知识: