make a upload field using php and send the url to database

Question

I want to create a form to submit an image file in the front-end and send it to the wordpress upload directory and database using php ,but my php says the file is a image but dont upload it :

<div id="recibo">
<form action="" method="post" enctype="multipart/form-data">
<p>upload do recibo:
<input type="file" name="pictures[]" />
<input type="submit" value="Enviar" />
</p>
</form>
</div> 

php:

<?php
$target_dir = "wp-content/uploads/recibos";
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
$uploadOk = 1;
$imageFileType = pathinfo($target_file,PATHINFO_EXTENSION);
// Check if image file is a actual image or fake image
if(isset($_POST["submit"])) {
    $check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
    if($check !== false) {
        echo "File is an image - " . $check["mime"] . ".";
        $uploadOk = 1;
    } else {
        echo "File is not an image.";
        $uploadOk = 0;
    }
}
?> 

Answer 1

There are a few things wrong here.

Firstly, the file input's name attribute is name="pictures[]" yet you are using $_FILES["fileToUpload"], those must match.

So rename it: name="fileToUpload[]"

Sidenote: Using brackets implies an array to upload multiple files; you don't need it here since the rest of your code doesn't support multiple files uploading.

Change it to name="fileToUpload"

Then your folder path:

$target_dir = "wp-content/uploads/recibos";

You have no directory seperator after recibos

This would translate to recibosFILE.JPG rather than recibos/FILE.JPG.

Change it to:

$target_dir = "wp-content/uploads/recibos/";

Make sure the folder you are uploading to has the correct permissions to write to it.

Another thing: I can't see how if(isset($_POST["submit"])) {...} would work here, since your submit button does not have the name attribute to match it with.

<input type="submit" value="Enviar" /> to <input name="submit" type="submit" value="Enviar" />

Special note:

If you do want to upload multiple files, then you will need to find yourself another script to do that and this isn't what your question is about.

See also:

• PHP change the maximum upload file size

to increase upload size

Add error reporting to the top of your file(s) which will help find errors.

<?php 
error_reporting(E_ALL);
ini_set('display_errors', 1);

// rest of your code

Sidenote: Displaying errors should only be done in staging, and never production.