Dropzone.js - maxFilesize increase not working

Question

I'm using Dropzone.js for my website. I'm in the need of uploading bigger files than the default maxFilesize of 500MB.

I tried to change the number in the .js file. Now the file seems to be accepted but there is no (visible?) progress in the upload. The file has no red cross and is stuck at zero percent of the upload.

Any ideas what I might be doing wrong? Or is this some kind of bug?

is it possible your server doesn't allow that big of a file to be uploaded? or the post size is limited below that amount? — casraf, Jun 17 '13 at 09:04
@Sybio: There is no code. I'm using this plugin - as stated :) — Ron, Jun 17 '13 at 09:05
@ChenAsraf: When I use the Django Admin it works just fine. The problem seems to be with `Dropzone.js` — Ron, Jun 17 '13 at 09:10
Why are you changing maxFilesize in .js file instead of plugin option while calling? — wakqasahmed, Jun 17 '13 at 11:17
it doesn't matter, does it? my problem is that it's not working — Ron, Jun 17 '13 at 12:43
Hi, do you have any error in your console? Could you provide an URL where I could try your upload? — enyo, Jun 24 '13 at 12:43
no error at all... and no, sorry, the project is way too much under construction now :( — Ron, Jun 24 '13 at 12:49

score 18 · Accepted Answer · answered Jun 24 '13 at 17:22

I just tested it in Chrome and it worked fine. (Which browser are you using?)

It might be that your upload is just taking so long that you don't see an update immediately.

First things first: you shouldn't change properties in the .js file itself. This way you wont be able to upgrade to a newer version of Dropzone without headaches. So configure your dropzone the way it's recommended on the website.

About the upload,... it's really hard to tell what might be wrong without a look at it. What I suggest, is that you add some kind of debugging information on the status updates, to see if it's really just your upload being very slow.

Try this code and see if it doesn't solve your problem:

<form id="my-dropzone" action="/target" class="dropzone"></form>

<script>
  Dropzone.options.myDropzone = {
    maxFilesize: 500,
    init: function() {
      this.on("uploadprogress", function(file, progress) {
        console.log("File progress", progress);
      });
    }
  }
</script>

If you can see the console output in regular intervals then the upload is working fine but just takes a while to finish.

Note: your php.ini contains a upload_max_filesize value to keep sufficiently high or it will fail silently. /etc/php/7.0/apache2/php.ini — Master James, Nov 22 '16 at 07:53

score 4 · Answer 2 · answered Mar 27 '14 at 18:01

4

The Dropzone.options must be out of document.ready or it wont work.

answered Mar 27 '14 at 18:01

Wlademyr Mendes

129
6

1

What does that mean? I always have dropzones in document.ready – Scott Aug 01 '19 at 22:40

score 1 · Answer 3 · answered Sep 11 '20 at 17:33

1

Just for the record, because this post is from along time ago.

I solved it changing in the php.ini file parameter 'post_max_size' from my server. Maximum size of POST data that PHP will accept.

And then reboot the Apache Server.

answered Sep 11 '20 at 17:33

Félix Padilla Gómez-Guillamón

11
1

score -2 · Answer 4 · answered Dec 16 '16 at 18:35

-2

Add to httpd.conf file:

<Directory "/tmp/">
    LimitRequestBody 256000
</Directory>

After, restart apache!

Reference: https://www.cyberciti.biz/faq/apache-limiting-upload-size/

answered Dec 16 '16 at 18:35

Julio Rosseti

27
3

Dropzone.js - maxFilesize increase not working

4 Answers4

Linked