PHP multiple images upload

Question

I know this question is repeated over and over.. But can't seem to find solution for my problem...

How can I create a form which will allow user to upload xy images at once?

Here's my html code:

<form class="pure-form" action="upload.php" enctype="multipart/form-data" method="post">

        <div class="upload">
            <a onclick="select_file()" class="pure-button">Choose a Image</a>
            <input id="image" type="file" name="image[]" multiple="multiple">
        </div>

        <!--image preview-->
        <img src="" style="display:none">

        <input class="pure-button pure-button-primary" type="submit" value="Upload!">
    </form>

And here's my php code:

$valid_exts = array('jpeg', 'jpg', 'png', 'gif'); // valid extensions
$max_size = 2048 * 1024; // max file size (200kb)
$path = 'uploads/'; // upload directory

if ( $_SERVER['REQUEST_METHOD'] === 'POST' )
{
    if( @is_uploaded_file($_FILES['image']['tmp_name']) )
    {
        // get uploaded file extension
        $ext = strtolower(pathinfo($_FILES['image']['name'], PATHINFO_EXTENSION));
        // looking for format and size validity
        if (in_array($ext, $valid_exts) AND $_FILES['image']['size'] < $max_size)
        {
            // unique file path
            $path = $path . uniqid(). '.' .$ext;
            // move uploaded file from temp to uploads directory
            if (move_uploaded_file($_FILES['image']['tmp_name'], $path))
            {
                $status = 'Image uploaded successfully!';
                $status = $path;
            }
            else {
                $status = 'Upload Fail: Unknown error occurred!';
            }
        }
        else {
            $status = 'Upload Fail: Unsupported file format or It is too large to upload!';
        }
    }
    else {
        $status = 'Upload Fail: File not uploaded!';
    }
}
else {
    $status = 'Bad request!';
}

// echo out json encoded status
echo json_encode(array('status' => $status));
?>

Is it possible to solve this problem with foreach? If so, how should I do that?

Onimusha · Accepted Answer · 2013-12-10 21:37:12Z

1

Try this (add as many file fields as you want):

    <input type="file" name="image[]" /><br />
    <input type="file" name="image[]" /><br />
    <input type="file" name="image[]" /><br />
    <input type="file" name="image[]" />

Php:

$valid_exts = array('jpeg', 'jpg', 'png', 'gif'); // valid extensions
$max_size = 2048 * 1024; // max file size (200kb)
$path = 'uploads/'; // upload directory

if(isset($_FILES['image'])){
    for($i=0; $i<count($_FILES['image']['name']); $i++){
        if( @is_uploaded_file($_FILES['image']['tmp_name'][$i]) )
            {
                // get uploaded file extension
                $ext = strtolower(pathinfo($_FILES['image']['name'][$i], PATHINFO_EXTENSION));
                // looking for format and size validity
                if (in_array($ext, $valid_exts) AND $_FILES['image']['size'][$i] < $max_size)
                {
                    // unique file path
                    $path = $path . uniqid(). '.' .$ext;
                    // move uploaded file from temp to uploads directory
                    if (move_uploaded_file($_FILES['image']['tmp_name'][$i], $path))
                    {
                        $status = 'Image uploaded successfully!';
                        $status = $path;
                    }
                    else {
                        $status = 'Upload Fail: Unknown error occurred!';
                    }
                }
                else {
                    $status = 'Upload Fail: Unsupported file format or It is too large to upload!';
                }
            }
            else {
                $status = 'Upload Fail: File not uploaded!';
            }
        echo "<p>$status</p>";
    }
}
?>

edited Dec 10, 2013 at 21:37

answered Dec 10, 2013 at 21:05

Onimusha

3,3842 gold badges28 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Onimusha Over a year ago

ok i'll quickly whip up a working code which you can modify to your needs

user3002173 Over a year ago

When it echo's out the message.. Last filename is like this uploads/52a78bfc11470.jpg52a78bfc1155b.jpg52a78bfc1160f.jpg52a78bfc116f5.jpg This is too long.

Onimusha Over a year ago

Why did you have $status = $path; - for debugging? Maybe this line can be removed if it's working so you get the proper message or even better use $status = $_FILES['image']['name'][$i] . ' uploaded successfully!'; instead of $status = 'Image uploaded successfully!';

user3002173 Over a year ago

This script changes name of file which is uploaded.. And for the next file it first copies previous filename and adds new filename to current filename. So if image is abc.jpg the next image will be abc.jpgabcd.jpg

Onimusha Over a year ago

@user3002173 you can change the filename to anything you want by updating $path = $path . uniqid(). '.' .$ext; to use original filename (not recommended), you can use $path = $path . $_FILES['image']['name'][$i];

user3076412 · Accepted Answer · 2013-12-10 21:21:09Z

 <form class="pure-form" action="upload.php" enctype="multipart/form-data" method="post">

    <div class="upload">
        <a onclick="select_file()" class="pure-button">Choose a Image</a>
        <input id="image" type="file" name="image[1]" multiple="multiple">
<input id="image" type="file" name="image[2]" multiple="multiple">


    </div>

    <!--image preview-->
    <img src="" style="display:none">

    <input class="pure-button pure-button-primary" type="submit" value="Upload!">
   </form>

PHP

$valid_exts = array('jpeg', 'jpg', 'png', 'gif'); // valid extensions
$max_size = 2048 * 1024; // max file size (200kb)
$path = 'uploads/'; // upload directory

if ( $_SERVER['REQUEST_METHOD'] === 'POST' )
{
if( @is_uploaded_file($_FILES['image1']['tmp_name']) )
{
    // get uploaded file extension
    $ext = strtolower(pathinfo($_FILES['image1']['name'], PATHINFO_EXTENSION));
    // looking for format and size validity
    if (in_array($ext, $valid_exts) AND $_FILES['image1']['size'] < $max_size)
    {
        // unique file path
        $path = $path . uniqid(). '.' .$ext;
        // move uploaded file from temp to uploads directory
        if (move_uploaded_file($_FILES['image1']['tmp_name'], $path))



 if( @is_uploaded_file($_FILES['image2']['tmp_name']) )
  {
    // get uploaded file extension
    $ext = strtolower(pathinfo($_FILES['image2']['name'], PATHINFO_EXTENSION));
    // looking for format and size validity
    if (in_array($ext, $valid_exts) AND $_FILES['image2']['size'] < $max_size)
    {
        // unique file path
        $path = $path . uniqid(). '.' .$ext;
        // move uploaded file from temp to uploads directory
        if (move_uploaded_file($_FILES['image2']['tmp_name'], $path))
        {





            $status = 'Image uploaded successfully!';
            $status = $path;
        }
        else {
            $status = 'Upload Fail: Unknown error occurred!';
        }
       }
      else {
        $status = 'Upload Fail: Unsupported file format or It is too large to upload!';
    }
    }
    else {
    $status = 'Upload Fail: File not uploaded!';
    }
}
else {
$status = 'Bad request!';
}
}}
   // echo out json encoded status
   echo json_encode(array('status' => $status));

  ?>

Collectives™ on Stack Overflow

PHP multiple images upload

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related