dropzone.js, unable to create dropzone programmatically

Question

I'm trying to use dropzone.js.

This works:

<form id='imageForm' action="<?php print $website["folder"]; ?>upload.php" class="dropzone" data-maxFiles='1'>
</form>

This does not work:

<form id='imageForm'>
</form>
<script>
$("#imageForm").dropzone({ url: websiteFolder + "upload.php" });
</script>

Nor going with:

<script>
Dropzone.options.imageForm = {
  paramName: "file", // The name that will be used to transfer the file
  maxFilesize: 2, // MB
  accept: function(file, done) {
    if (file.name == "justinbieber.jpg") {
      done("Naha, you don't.");
    }
    else { done(); }
  }
};
</script>

In both latter cases, I get no errors, and no dropzone is created.

I'd think I'm overlooking something obvious. But, what is it?

joejacobkunn · Accepted Answer · 2018-05-17 04:37:21Z

1

Dropzone requires that you have an element that has a class .dropzone . If not you will need to create a custom template with these classes in the link below as per doc:

http://www.dropzonejs.com/#layout

answered May 17, 2018 at 4:37

joejacobkunn

112 bronze badges

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

1 Comment

MastaBaba Over a year ago

Thanks. but this does not make a difference. If I add a dropzone class, the dropzone is indeed created, but the options declared in Dropzone.options.imageForm still don't 'stick'.

MastaBaba · Accepted Answer · 2018-05-19 16:11:30Z

0

Turns out that, when instantiating the dropzone through the class, the programmatic really just didn't work (for me).

Not setting the class and then defining the dropzone programmatically worked. But, also required styling the element set as the dropzone, it defaulting to 0 pixels wide and 0 pixels high.

answered May 19, 2018 at 16:11

MastaBaba

1,1741 gold badge12 silver badges34 bronze badges

Collectives™ on Stack Overflow

dropzone.js, unable to create dropzone programmatically

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related