讓你同時(shí)上傳 1000 個(gè)文件（一）

2019-11-18 21:53:09

字體：大中小

供稿：網(wǎng)友

預(yù)備知識(shí)：javascript, php(少量)/Perl(少量)!
測(cè)試環(huán)境：Windows2000 + IIS5 + PHP  (Win98 + PWS + PHP3 失敗，估計(jì)是配置出了問題)
目錄結(jié)構(gòu)：
    /wwwroot/cgi-bin/fileup.php （文件接收）
    /wwwroot/www/test/phpfileup.htm （文件提交）
    /wwwroot/www/test/tmp/ （默認(rèn)保存目錄）

前言：文件上傳，簡(jiǎn)單又麻煩。下面是上傳文件的提交頁(yè)面，利用該頁(yè)面你不僅可以生成 1000 個(gè)上傳文件框（實(shí)際是任意多個(gè) 0~n ），而且可分別指出它們的保存路徑。
    提交頁(yè)面的文件輸入框?yàn)槊麨椋?file0,file1,...file100,...fileN
    提交頁(yè)面的文件路徑框?yàn)槊麨椋?path0,path1,...path100,...pathN
由于頁(yè)面的生成非常簡(jiǎn)單，所以就不在此多解釋了，用 Javascript 定義了兩個(gè)函數(shù)，check() 用于提交頁(yè)面，create()用于生成文件上傳框。如果你有什么更好的建議或有什么疑問請(qǐng) 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 + "請(qǐng)選擇文件 "+i+" <input type=file name='file"+i+"' class=ist>";
        sfrm = sfrm + " 路徑：<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;">
     請(qǐng)輸入要上傳文件的數(shù)量: <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>
-------------------------------------------------------------------
(待續(xù))

【本文版權(quán)歸作者gearsoft與奧索網(wǎng)共同擁有，如需轉(zhuǎn)載，請(qǐng)注明作者及出處】

上一篇：讓你同時(shí)上傳 1000 個(gè)文件（二）

下一篇：一個(gè)模仿oso的論壇程序（之三）