让你同时上传 1000 个文件 （一）

预备知识：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 + " 路径：<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与奥索网共同拥有，如需转载，请注明作者及出处】

赞 (0)

相关推荐

  • 让你同时上传 1000 个文件 （一）

    预备知识:Javascript, PHP(少量)/Perl(少量)! 测试环境:Windows2000 + IIS5 + PHP  (Win98 + PWS + PHP3 失败,估计是配置出了问题) 目录结构:     /cgi-bin/fileup.php (文件接收)     /www/test/phpfileup.htm (文件提交)     /www/test/tmp/ (默认保存目录) 前言:文件上传,简单又麻烦.下面是上传文件的提交页面,利用该页面你不仅可以生成 1000 个上传文件

  • 让你同时上传 1000 个文件 （二）

    文件提交页面既已生成,下面任务就很明确了:将提交的文件内容保存到服务器上. 下面我们用两种方法来实现这个功能: 1. 用 PHP 来保存: 我们先定义一个文件保存函数 fup() 它有两个参数:      $filename: 文件内容      $fname: 文件名(包含路径) 剩下的就是写一个循环将文件依次写入服务器.这里要简单说明一下: PHP 对于上传文件的处理是这样的:如果提交的文件框我为 file0, 那么提交给 PHP 的文件内容保存在变量 $file0 中,而文件名则保存在 $

  • AjaxFileUpload结合Struts2实现多文件上传(动态添加文件上传框)

    AjaxFileUpload结合Struts2实现多文件上传(动态添加文件上传框)

    上篇文章http://www.jb51.net/article/124489.htm介绍了ajaxfileupload实现多文件上传, 但只是固定的文件个数,如果需求不确定是多少文件 则我们就需要动态的添加文件上传框,以实现灵活性. 基于上篇基本框架是不变的,主要修改以下几个方面 1.jQuery实现动态添加删除文件上传框 2.获取文件上传框的ID 3.ajaxfileupload.js里将ID数组转换为需要的Object数组 依次解决上面问题 一.实现动态添加删除文件上传框 <body> &

  • Java Struts图片上传至指定文件夹并显示图片功能

    继上一次利用Servlet实现图片上传,这次利用基于MVC的Struts框架,封装了Servlet并简化了JSP页面跳转. JSP上传页面 上传一定要为form加上enctype="multipart/form-data",表示提交的数据时二进制的 并且必须是method="post" <%@ page language="java" contentType="text/html; charset=utf-8" page

  • 用java在web环境下上传和下载文件的技巧

    文件上传在web应用中非常普遍,要在jsp环境中实现文件上传功能是非常容易的,因为网上有许多用java开发的文件上传组件,本文以commons-fileupload组件为例,为jsp应用添加文件上传功能. common-fileupload组件是apache的一个开源项目之一,可以从http://jakarta.apache.org/commons/fileupload/下载. 用该组件可实现一次上传一个或多个文件,并可限制文件大小. 下载后解压zip包,将commons-fileupload-

  • asp.net+js 实现无刷新上传解析csv文件的代码

    前阵子工作中用到,贴上代码,仅保留上传有关的代码,发现code其实很少. 上传页面html/js 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xht

  • PHP使用curl模拟post上传及接收文件的方法

    本文实例讲述了PHP使用curl模拟post上传及接收文件的方法.分享给大家供大家参考,具体如下: public function Action_Upload(){ $this->path_config(); exit(); $furl="@d:\develop\JMFrameworkWithDemo.rar"; $url= "http://localhost/DemoIndex/curl_pos/"; $this->upload_file_to_cdn

  • 上传多个文件的PHP脚本

    译者注:本文的原名是<Creating a Multi-File Upload Script in PHP>.我个个觉得这文章写得一般,代码也不是非常专业,但是它比较短,而且一时间也找不到好一点的文章,就把这个译过来了.其实PHP手册里也有一节是说多文件上传的,大家可以对比对比.文章内有的字句译出来不太顺眼,所以按照原意作了一定量的修改.本人水平有限,还望各位高手多指点. 导言 作为一个PHP的程序员,我曾遇到过这么一个客户,他需要一个可以同时上传多个文件的表单.因此,一天夜里我就用了一个小时

  • PHP实现文件上传和多文件上传

    在PHP程序开发中,文件上传是一个使用非常普遍的功能,也是PHP程序员的必备技能之一.值得高兴的是,在PHP中实现文件上传功能要比在Java.C#等语言中简单得多.下面我们结合具体的代码实例来详细介绍如何通过PHP实现文件上传和多文件上传功能. 要使用PHP实现文件上传功能,我们先来编写两个php文件:index.php和upload.php.其中,index.php页面用于提交文件上传的表单请求,upload.php页面用于接收上传的文件并进行相应处理. 首先,我们来编写一个简单的index.

  • CI框架实现优化文件上传及多文件上传的方法

    本文实例分析了CI框架实现优化文件上传及多文件上传的方法.分享给大家供大家参考,具体如下: 最近一直在研究Codeigniter框架,开发项目写到文件上传的时候发现大部分程序员使用Codeigniter框架的文件上传类编写上传方法的时候写的都存在这代码冗余(或者说代码重复利用率低.比较消耗资源.)故而我研究出一个稍微优化一点的上传方法.并且在查找资料时发现,Codeigniter框架同时上传多个文件比较困难,所以在优化方法的同时我又研究了一下如何使用Codeigniter框架实现同时上传多个文件

随机推荐