Загрузка нескольких изображений с одним полем ввода - PullRequest
Новая
       36

Загрузка нескольких изображений с одним полем ввода

6 голосов
/ 02 марта 2012

Я создал фото-сайт со страницей администратора, которая загружает фотографии в разные категории в таблице 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, и, насколько я могу судить, я могу изменить ввод следующим образом: 

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

Это позволяет мне выбрать несколько файлов на сайте, но я не могу понять, как внедрить это в мой php. Любая помощь будет высоко ценится.

Ответы [ 6 ]

5 голосов
/ 06 ноября 2012 
<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);
?>
4 голосов
/ 02 марта 2012

Возможно, вы ищете что-то вроде uploadify или swfupload или plupload .

2 голосов
/ 02 марта 2012

Работает, как если бы было несколько файловых полей Документы , это прозрачно для 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)

См. Загрузка нескольких файлов Документы .

0 голосов
/ 22 апреля 2013

Разве что-то вроде создания массива тоже не работает? Так что он мог сделать, это 

$images = array();

Тогда в его форме просто добавить кнопку добавления в список изображений? Оттуда он просто продолжает добавлять столько изображений, сколько хочет, а затем просто перебирает массив и добавляет в базу данных?

0 голосов
/ 02 марта 2012

вы получите массив изображений -> fileField []. Просто переберите этот массив и добавьте изображения так же, как вы добавляли их ранее. Кроме того, я бы предложил использовать этот очень хороший скрипт - http://valums.com/ajax-upload/

РЕДАКТИРОВАТЬ: Только не забудьте реализовать по крайней мере некоторые проверки безопасности, такие как минимальный и максимальный размер загрузки, расширения файлов и проверку типа MIME! Даже если это для бэк-энда, это может привести к неприятным событиям.

0 голосов
/ 02 марта 2012

Попробуйте это.

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

Uploadify - мощный и настраиваемый скрипт загрузки файлов. Uploadify легко запустить и запустить с минимальные усилия и небольшие знания кодирования.

...