Question

我不知道如何修改以下代码以使其一次选择一次即可上传多个文件。通过以下代码，我可以一次上传一个文件。只是希望通过此代码对其进行修改，不仅我要上传文件，还要在同一页面上显示所有已上传的文件，以供下载和删除。

    <html>
    <title>Brief upload</title>

    <link href="globe.png" rel="shortcut icon">
    <?php
    date_default_timezone_set("Asia/Calcutta");
    //echo date_default_timezone_get();
    ?>


    <?php
    $conn=new PDO('mysql:host=localhost; dbname=deu', 'root', '') or die(mysql_error());
    if(isset($_POST['submit'])!=""){
      $name=$_FILES['photo']['name'];
      $size=$_FILES['photo']['size'];
      $type=$_FILES['photo']['type'];
      $temp=$_FILES['photo']['tmp_name'];
      $date = date('Y-m-d H:i:s');
      $caption1=$_POST['caption'];
      $link=$_POST['link'];

      move_uploaded_file($temp,"files/".$name);

    $query=$conn->query("INSERT INTO upload (name,date) VALUES ('$name','$date')");
    if($query){
    header("location:index.php");
    }
    else{
    die(mysql_error());
    }
    }
    ?>


    <html>
    <body>
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="screen">
    <link rel="stylesheet" type="text/css" href="css/DT_bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"/>
    </head>
    <script src="js/jquery.js" type="text/javascript"></script>
    <script src="js/bootstrap.js" type="text/javascript"></script>

    <script type="text/javascript" charset="utf-8" language="javascript" src="js/jquery.dataTables.js"></script>
    <script type="text/javascript" charset="utf-8" language="javascript" src="js/DT_bootstrap.js"></script>
    <?php include('dbcon.php'); ?>
    <style>
    .table tr th{

        border:#eee 1px solid;

        position:relative;
        #font-family:"Times New Roman", Times, serif;
        font-size:12px;
        text-transform:uppercase;
        }
        table tr td{

        border:#eee 1px solid;
        color:#000;
        position:relative;
        #font-family:"Times New Roman", Times, serif;
        font-size:12px;

        text-transform:uppercase;
        }

    #wb_Form1
    {
       background-color: #00BFFF;
       border: 0px #000 solid;

    }
    #photo
    {
       border: 1px #A9A9A9 solid;
       background-color: #00BFFF;
       color: #fff;
       font-family:Arial;
       font-size: 20px;
    }
        </style>

        <div class="alert alert-info">


                                    Brief Uploading System 
                                </div>
                                <table cellpadding="0" cellspacing="0" border="0" class="table table-bordered">

                <tr><td><form enctype="multipart/form-data"  action="" id="wb_Form1" name="form" method="post">

                        <!--<input type="file" name="photo[]" id="photo" multiple>-->
                        <input type="file" name="photo" id="photo"  required="required"></td>
                        <td><input type="submit" class="btn btn-danger" value="SUBMIT" name="submit">
                </form> <strong>SUBMIT HERE</strong></tr></td></table>
                                 <div class="col-md-18">
        <div class="container-fluid" style="margin-top:0px;">
       <div class = "row">
            <div class="panel panel-default">
                <div class="panel-body">
                    <div class="table-responsive">


                                <form method="post" action="delete.php" >
                            <table cellpadding="0" cellspacing="0" border="0" class="table table-condensed" id="example">

                                <thead>

                                    <tr>

                                        <th>ID</th>
                                        <th>FILE NAME</th>
                                       <th>Date</th>
                    <th>Download</th>
                    <th>Remove</th>
                                    </tr>
                                </thead>
                                <tbody>
                                <?php 
$query=mysql_query("select * from upload ORDER BY id DESC")or die(mysql_error());
                                while($row=mysql_fetch_array($query)){
                                $id=$row['id'];
                                $name=$row['name'];
                                $date=$row['date'];
                                ?>

                                <tr>

<td><?php echo $row['id'] ?></td>
<td><?php echo $row['name'] ?></td>
<td><?php echo $row['date'] ?></td>
<td>
<a href="download.php?filename=<?php echo $name;?>" title="click to download"><span class="glyphicon glyphicon-paperclip" style="font-size:20px; color:blue"></span></a></td>
<td>
<a href="delete.php?del=<?php echo $row['id']?>"><span class="glyphicon glyphicon-trash" style="font-size:20px; color:red"></span></a>
</td>
</tr>
<?php } ?>
</tbody>
                </table>
                </div>
                </form>
                </div>
                </div>
                </div>
                </div>
                </body>
                </html>

Answer 1

您可以通过这种方式上传多个文件

输入字段必须定义为数组，即images[]

应将其定义为multiple="multiple"

<input name="images[]" type="file" multiple="multiple" />

// Count # of uploaded files in array
$total = count($_FILES['images']['name']);

// Loop through each file
for( $i=0 ; $i < $total ; $i++ ) {

  //Get the temp file path
  $tmpFilePath = $_FILES['images']['tmp_name'][$i];

  //Make sure we have a file path
  if ($tmpFilePath != ""){
  //Setup our new file path
  $newFilePath = "./uploadFiles/" . $_FILES['images']['name'][$i];

//Upload the file into the temp dir
if(move_uploaded_file($tmpFilePath, $newFilePath)) {

  //Handle other code here

 }
 }
}

有关更多详细信息，PHP Multiple Upload

如何使用PHP上传多个文件

1 个答案: