网络编程 
首页 > 网络编程 > 浏览文章

让你同时上传 1000 个文件 (一)

(编辑:jimmy 日期: 2024/11/19 浏览:3 次 )
预备知识:Javascript, PHP(少量)/Perl(少量)!
测试环境:Windows2000 + IIS5 + PHP  (Win98 + PWS + PHP3 失败,估计是配置出了问题)
目录结构:
    /cgi-bin/fileup.php (文件接收)
    /www/test/phpfileup.htm (文件提交)
    /www/test/tmp/ (默认保存目录)

前言:文件上传,简单又麻烦。下面是上传文件的提交页面,利用该页面你不仅可以生成 1000 个上传文件框(实际是任意多个 0~n ),而且可分别指出它们的保存路径。
    提交页面的文件输入框为命名为: file0,file1,...file100,...fileN
    提交页面的文件路径框为命名为: path0,path1,...path100,...pathN
由于页面的生成非常简单,所以就不在此多解释了,用 javascript 定义了两个函数,check() 用于提交页面,create()用于生成文件上传框。如果你有什么更好的建议或有什么疑问请 Email: gearsoft@netease.com

phpfileup.htm
--------------------------------------------------------
<html>
<head>
    <title></title>
        <style>
        .lbtn {font-family:verdana;font-size:10.5pt;}
        .ist  {font-family:verdana;font-size:14.8px;size:400}
    </style>

    <script LANGUAGE="javascript">
    function check(){
        document.frm1.submit();
        document.body.innerHTML="Uploading Please wait!";
    }

    var i=0;
    function create(){
      var sfrm = document.frm1.innerHTML;
      var icnt = cnt.value;
      for(j=0;j<icnt;j++)
      {
        sfrm = sfrm + "请选择文件 "+i+" <input type=file name='file"+i+"' class=ist>";
        sfrm = sfrm + "&nbsp;路径:<input type=text name='path"+i+"' value='../www/test/tmp/' class=ist>";
        sfrm = sfrm + "<br>";
        i++;
      }
      document.frm1.innerHTML = sfrm;
      document.frm1.cnt.value=i;
    }

    </script>

</head>
<body class=lbtn onload="document.frm1.cnt.value=cnt.value;">
     请输入要上传文件的数量: <input type=text name=cnt value="10" class=ist onchange="document.frm1.cnt.value=this.value;">
     <input type=button name=bt1 value="生成上传文件框" onclick="create();" class=lbtn>
     <input type=button name=bt1 value="上传" onclick="check();" class=lbtn>
     <input type=button name=bt1 value="清除" onclick="document.location.reload();" class=lbtn>

     <form name=frm1 method="post" Enctype="multipart/form-data" action="../../cgi-bin/fileup.php">
     <input type=hidden name=cnt value="20" class=ist>
     </form>

     <input type=button name=bt1 value="上传" onclick="check();" class=lbtn>
     <input type=button name=bt1 value="清除" onclick="document.location.reload();" class=lbtn>
</body>
</html>
-------------------------------------------------------------------
(待续)  

【本文版权归作者gearsoft与奥索网共同拥有,如需转载,请注明作者及出处】     
上一篇:php生成WAP页面
下一篇:让你同时上传 1000 个文件 (二)
一句话新闻
一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?