javascript - Add files from Dropzone to form - Stack Overflow

admin管理员组

文章数量:1404608

I want to use Dropzone.js so that the user can select images he wants to upload. But I do not want them to be uploaded on the fly, rather to just be added to form and then submitted the normal way in form array. How can I do that?

I've seen questions like How to get Dropzone.js to upload files only when a submit button is clicked?, but I do not need to upload them at all, I want Dropzone to add files to my form.

BTW, dropzone is in div, not on whole form, if it is important.

Is it possible?

I want to use Dropzone.js so that the user can select images he wants to upload. But I do not want them to be uploaded on the fly, rather to just be added to form and then submitted the normal way in form array. How can I do that?

I've seen questions like How to get Dropzone.js to upload files only when a submit button is clicked?, but I do not need to upload them at all, I want Dropzone to add files to my form.

BTW, dropzone is in div, not on whole form, if it is important.

Is it possible?

• javascript
• dropzone.js

Share Improve this question Follow edited May 23, 2017 at 12:01 CommunityBot 111 silver badge asked Dec 8, 2016 at 9:42 Paul SmallingPaul Smalling 14111 silver badge88 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

You need to set the autoQueue property to false when you initialize your dropzone instance:

var formData = new FormData();

//On addedfile:
Dropzone.options.myAwesomeDropzone = {
  autoQueue: false,
  init: function() {
    this.on("addedfile", function(file) { 
      formData.append("file", file); 
    });
  }
};

//On removedfile:
Dropzone.options.myAwesomeDropzone = {
  init: function() {
    this.on("removedfile", function(file) { 
      formData.delete('file');
    });
  }
};

本文标签： javascriptAdd files from Dropzone to formStack Overflow