$_FILES returns empty when using HTML Form and Dropzone JS

Question

I have spent way too much time on this and browsed various questions/answers here on stackoverflow.

I am using dropzone.js to add a basic drag and drop upload feature to our HTML/PHP form. The drag and drop is working great however when the form is submitted or a file is uploaded the $_FILES returns empty and I cant figure it out.

I checked a tutorial and no luck, also checked some Q & A's from stackoverflow before posting here but nothing has helped.

Here is the form in its simplest form:

<form action="<? echo BASE_URL; ?>/process-uploads.php" method="POST" class="form-signin" role="form" enctype="multipart/form-data">

        <div class="upload_container dropzone">Drag & drop file here or

                <div class="fallback">
                    <input name="ad" type="file" />
                </div>
            </div><!--fileUpload btn btn-primary-->

        <div class="dropzone-previews"></div>

                <input class="btn btn-lg btn-primary btn-block btn-forward" style="background:#00a85a;" type="submit" name="submit" value="Next Step" />
            </form>

The JS is:

<script type="text/javascript">

var myDropzone = new Dropzone(".dropzone", { 
    url: "<? echo BASE_URL; ?>/process-uploads.php/",
    paramName: "ad",
    addRemoveLinks: true,
    //maxFiles: 1,
    autoProcessQueue: false,
    //uploadMultiple: false,
    acceptedFiles: "image/png",
    dictInvalidFileType: "This file type is not supported.",

});
</script>

And process-upload.php just checks to see if anything was sent, but returning empty:

<?php

if (!empty($_FILES)) {

    echo 'We have a file';

    if($_FILES['ad']) {
        echo 'We grabbed the ad<br />';

        echo '<pre>';
        var_dump($_FILES);
        echo '</pre>';
    }
}
?>

Any help would be greatly appreciated. For reference I already checked enyo's tutorial for combining a form with dropzone and php

as per dropzonejs.com you should give 'dropzone' class to your <form> tag. let me know if it solves your issue — K D
– K D, Commented Jan 9, 2015 at 17:55

femotizo · Accepted Answer · 2016-01-12 23:26:10Z

4

I had the same issue today getting no response, no error whatsoever when uploading a file and search through all SO questions, i read your code couple of time but no solution. i later found out that post_max_size = 8M is set too small, large files cannot be uploaded. Make sure you set post_max_size large enough, so kindly create/add this to your .htaccess file, i needed to upload a file of 2gb

php_value upload_max_filesize    2047M
php_value post_max_size          2047M
php_value max_execution_time     10800

answered Jan 12, 2016 at 23:26

femotizo

1,4452 gold badges14 silver badges18 bronze badges

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

Comments

vaso123 · Accepted Answer · 2014-12-09 13:37:41Z

0

You need to add name to your field:

<input type="file" name="ad" />

answered Dec 9, 2014 at 13:37

vaso123

12.4k4 gold badges37 silver badges68 bronze badges

1 Comment

Derek Over a year ago

Thanks, I had that in there originally but after troubleshooting I removed it and put it back, that wasnt the issue though.

K D · Accepted Answer · 2015-01-09 17:58:10Z

-2

I think you took reference of this article... Dropzone Demo

Can you please add class 'dropzone' to your form like following and try

<form action="<? echo BASE_URL; ?>/process-uploads.php" method="POST" class="dropzone form-signin" role="form" enctype="multipart/form-data">

answered Jan 9, 2015 at 17:58

K D

6,0091 gold badge25 silver badges36 bronze badges

Collectives™ on Stack Overflow

$_FILES returns empty when using HTML Form and Dropzone JS

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related