使用一个输入字段上载多个图像

时间:2012-03-02 10:38:04

标签: php file-upload multiple-files

我创建了一个带有管理页面的摄影网站,该页面将照片上传到mysql表格中的不同类别。这很有效,但我一次只能上传一个文件,我希望能够选择多个图像。

这是表格

<form action="index.php" enctype="multipart/form-data" name="myForm" id="myForm" method="post">

    <select name="category" id="category">
        <option value="Nature">Nature</option>
        <option value="People">People</option>
        <option value="Abstract">Abstract</option>
    </select>

    <input type="file" name="fileField" id="fileField" />

    <input type="submit" name="submit" id="submit" value="Add Images" />

</form>

这是用于解析表单的php

if (isset($_POST['submit'])) {

$category = mysql_real_escape_string($_POST['category']);
// Add this product into the database now
$sql = mysql_query("INSERT INTO images (category, date_added) 
    VALUES('$category',now())") or die (mysql_error());


 $pid = mysql_insert_id();
// Place image in the folder 
$newname = "$pid.jpg";
move_uploaded_file( $_FILES['fileField']['tmp_name'], "../photos/$newname");
header("location: thumbnail_generator.php"); 
exit();
}

我查看了html5文件的输入法,据我所知,我可以将输入改为ifllows:

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

这允许我在网站上选择多个文件,但我无法弄清楚如何在我的php中实现它。任何帮助将不胜感激。

7 个答案:

答案 0 :(得分:5)

<form method="post" action="" enctype="multipart/form-data">
<input type="hidden" name="MAX_FILE_SIZE" value="500000">
Add Photos <input multiple="true" onchange="this.form.submit()" type="file" name="photos[]"/>

<input type="hidden" name="sendfiles" value="Send Files" />
</form>

    <?php
define ("MAX_SIZE","5000"); 
function getExtension($str)
{
         $i = strrpos($str,".");
         if (!$i) { return ""; }
         $l = strlen($str) - $i;
         $ext = substr($str,$i+1,$l);
         return $ext;
}

$errors=0;

if(isset($_POST['sendfiles'])) 
{
  $uploaddir = "files/"; //a directory inside
    foreach ($_FILES['photos']['name'] as $name => $value)
    {
        $filename = stripslashes($_FILES['photos']['name'][$name]);
     //get the extension of the file in a lower case format
          $extension = getExtension($filename);
         $extension = strtolower($extension);
        echo "\n This is the extension: ",$extension;
         if (($extension != "jpg") && ($extension != "jpeg") && ($extension != "png") && ($extension != "gif")) 
         {
        //print error message
        ?>
           <h4>Unknown extension!</h4>
          <?php
             $errors=1;
         }
        else
        {
            $size=filesize($_FILES['photos']['tmp_name'][$name]);
            if ($size > MAX_SIZE*1024)
            {
            ?>
               <h4>You have exceeded the size limit!</h4>
              <?php
                $errors=1;
            }
            $image_name=$filename.'.'.$extension;
            $newname="files/".$image_name;
            $copied = copy($_FILES['photos']['tmp_name'][$name], $newname);
            if (!$copied) 
            {
                ?>
                <h4>Copy unsuccessfull!</h4>
                <?php
                $errors=1;
            }

        }

    }
    //echo "Images uploaded successfully";
}
//mysql_close($dbhandle);
?>

答案 1 :(得分:4)

您可能正在寻找uploadifyswfuploadplupload之类的内容。

答案 2 :(得分:2)

它有效 - 如果有multiple file fields­Docs,它对PHP是透明的。这是一些简单的示例代码:

<html>
  <body>
    <form action="" method="post" enctype="multipart/form-data">
      <input type="file" name="fileField[]" id="fileField" multiple="multiple">
      <input type="text" name="test" value="test">
      <input type="submit" name="submit">
    </form>
  </body>
</html>
<?php
var_dump($_FILES, $_POST);

将其存储在您的主机上并请求它。然后,您可以使用它,它会显示$_FILES$_POST数组的结构。

示例输出:

array
  'fileField' => 
    array
      'name' => 
        array
          0 => string 'hakre-iterator-fun-cut-top.png' (length=30)
          1 => string 'hakre-iterator-fun-cut-middle.png' (length=33)
      'type' => 
        array
          0 => string 'image/png' (length=9)
          1 => string 'image/png' (length=9)
      'tmp_name' => 
        array
          0 => string '/tmp/php1A2.tmp' (length=15)
          1 => string '/tmp/php1A3.tmp' (length=15)
      'error' => 
        array
          0 => int 0
          1 => int 0
      'size' => 
        array
          0 => int 234001
          1 => int 213058
array
  'test' => string 'test' (length=4)
  'submit' => string 'Submit' (length=6)

请参阅Uploading multiple files­Docs

答案 3 :(得分:0)

试试这个。

http://www.uploadify.com/demos/

  

Uploadify是一个功能强大且可高度自定义的文件上传脚本。 Uploadify易于启动和运行   最小的努力和很少的编码知识。

答案 4 :(得分:0)

您将收到一系列图片 - &gt;的FileField []。只需遍历此数组并添加图像的方式与之前添加它们的方式相同。另外,我建议使用这个非常好的脚本 - http://valums.com/ajax-upload/

编辑:只是不要忘记至少实施一些安全检查,例如最小和最大上传大小,文件扩展名和mime类型检查!即使它是后端,这仍然可能导致不愉快的事件。

答案 5 :(得分:0)

创建数组会不会起作用?所以他能做的就是

$images = array();

然后在他的表单中添加一个添加到图像列表按钮?从那里他只是继续添加他想要的图像,然后迭代数组并添加到数据库?

答案 6 :(得分:0)

简单!只需将 multiple="true" 添加到您的输入标签即可。

<input name "example" type="file" multiple="true"/>