how to prepopulate properly

[parmentelat]

Duplicating issue #1991 after realizing that issues were not the right channel to use

---

Hi; I'm looking at dropzone for the first time

the tool looks great but I have some trouble understanding one thing

my use case is to start the dropzone with the contents of an existing folder; so my backend sends in droppeds primarily a list of {relpath, bytes_size} objects

I found the following recipe to prepopulate the dropzone from that info, using something like

{% for dropped in droppeds %}
  mock_file = {name: "{{dropped.relpath}}", size: {{dropped.bytes_size}}, }
  dropzone.emit("addedfile", mock_file)
  dropzone.emit("complete", mock_file)
{% endfor %}

this kind of works, except that....

I tried to write some code to deal with duplicates
(turns out, in my case, I want to allow duplicates to be uploaded and to overwrite any previous content, so I need to tweak the default behaviour that would create duplicate thunbnails in the dropzone)

and that's when I realized that the 2 kinds of files (the prepopulated ones, vs the ones I upload after the dropzone is created) are managed very differently
and in particular in dropzone.files I can only find the ones uploaded after the dropzone is created

(so to be specific, imagine I create the dropzone with 2 pre-existing files, and then I upload 3 new files, the dropzone.files attribute will contain only 3 entries)
how can I access the pre-populated entries in this kind of case ? I've inspected the structures manually and could not find where the prepopulated file stubs get stored ?

less importantly, there is also a visual difference in that the pre-existing entries won't have a 'remove file' link; but here I expect maybe it's simply a matter of passing some more data in my mock_file variable above ?

in any case, I feel like I might not be using the library as it is intended to be used, or I am missing something ?

thanks in advance for shedding some more light on how that's all supposed to work !

[thiagorossener]

Hey @parmentelat, try to push your mock files to dropzone.files and make sure to add accepted: true to them.

Example:

let file = {
  name: 'Upload.jpg',
  size: myFileSize,
  accepted: true
};
dropzone.displayExistingFile(file, myFileData);
dropzone.files.push(file);