# Using Uppy to upload files in parallel with Cloud Firestore meta data

**URL:** <https://community.transloadit.com/t/using-uppy-to-upload-files-in-parallel-with-cloud-firestore-meta-data/15533>\
**Category:** Uppy\
**Created:** [January 3, 2021, 11:12pm UTC](https://community.transloadit.com/t/using-uppy-to-upload-files-in-parallel-with-cloud-firestore-meta-data/15533 "2021-01-03T23:12:46Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![erikswed](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.transloadit.com/erikswed/32/332_2.png) [@erikswed](https://community.transloadit.com/u/erikswed)\
**Post date:** [January 3, 2021, 11:12pm UTC](https://community.transloadit.com/t/using-uppy-to-upload-files-in-parallel-with-cloud-firestore-meta-data/15533/1 "2021-01-03T23:12:46Z")

</div>

I read and try the [Uppy Sleek, modular open source JavaScript file uploader](https://uppy.io/). It works as expected for reactjs but what I need is to be able to take files/images filename and meta and create an entry in Firebase Cloud Firestore for every file in the Uppy Dashboard.

Like user select his files from drive or local and then I want to be able to from the Dashboard view to click each file and in a Form I want to add text/description and other meta about the file.

This meta would sent to Firebase Cloud Firestore. I tried to click the files in the dashboard but I think It cant be done that way. I maybe need a file-brower kind of component?

Any tips on this would be grate

---

<div class="post-metadata">

**Author:** ![sonicviz](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.transloadit.com/sonicviz/32/152_2.png) [@sonicviz](https://community.transloadit.com/u/sonicviz)\
**Post date:** [January 8, 2021, 2:21am UTC](https://community.transloadit.com/t/using-uppy-to-upload-files-in-parallel-with-cloud-firestore-meta-data/15533/2 "2021-01-08T02:21:29Z")

</div>

That would be custom code server/client side to populate Firestore with the metadata as you upload/edit files. I’ve done a similar project with other app/DB, I can’t see it being done any other way.

It’s not that simple a project tbh, as there’s a lot of use cases and testing. But it’s doable.

---

<div class="post-metadata">

**Author:** ![erikswed](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.transloadit.com/erikswed/32/332_2.png) [@erikswed](https://community.transloadit.com/u/erikswed)\
**Post date:** [January 8, 2021, 3:05pm UTC](https://community.transloadit.com/t/using-uppy-to-upload-files-in-parallel-with-cloud-firestore-meta-data/15533/3 "2021-01-08T15:05:01Z")

</div>

Thanks I try some things now learning Uppy.

I use this:

> ```
> .on("file-added", (file) => {
> const { setFiles } = props;
> setFiles(file);
> })
> 
> ```

to populate a Material-Ui Form that handles Firestore backend. Looks good so far seems like it will work I just have to hide the Dashboard and lett all interactions go trough the Form. Dunno the Dashboard “upload” button might be called programmatically