# Sharing my multi-file upload code

**URL:** <https://forums.knack.com/t/sharing-my-multi-file-upload-code/8754>\
**Category:** API & Custom Code\
**Created:** [September 19, 2020, 2:58pm UTC](https://forums.knack.com/t/sharing-my-multi-file-upload-code/8754 "2020-09-19T14:58:50Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![HamiltonTu35008](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/hamiltontu35008/32/550_2.png) [@HamiltonTu35008](https://forums.knack.com/u/HamiltonTu35008)\
**Post date:** [September 19, 2020, 2:58pm UTC](https://forums.knack.com/t/sharing-my-multi-file-upload-code/8754/1 "2020-09-19T14:58:50Z")

</div>

I've made some JS that embeds the [dropzonejs.com](https://www.dropzonejs.com/) library into Knack. This integrates with form uploads properly -- all form validation logic is preserved, and any non-file-input fields still work as expected.

Code at [https://github.com/hamiltont/knack-extensions](https://github.com/hamiltont/knack-extensions) for anyone interested. Some TODOs do remain, but it's functional enough that I am using it on my own site.&nbsp;

Video of it working -&nbsp;[https://youtu.be/caEui-qmlUI](https://youtu.be/caEui-qmlUI)

---

<div class="post-metadata">

**Author:** ![HamiltonTu35008](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/hamiltontu35008/32/550_2.png) [@HamiltonTu35008](https://forums.knack.com/u/HamiltonTu35008)\
**Post date:** [September 26, 2020, 12:06am UTC](https://forums.knack.com/t/sharing-my-multi-file-upload-code/8754/2 "2020-09-26T00:06:58Z")

</div>

Hmmm that might be a bug. Probably the same issue as the images not appearing in the builder. I don't have time at the moment to investigate, so you're on your own for now. If you find anything, please share here and maybe I can confirm if you've foudn the problem

---

<div class="post-metadata">

**Author:** ![ZapBaum60976](https://avatars.discourse-cdn.com/v4/letter/z/8dc957/32.png) [@ZapBaum60976](https://forums.knack.com/u/ZapBaum60976)\
**Post date:** [September 25, 2020, 3:45pm UTC](https://forums.knack.com/t/sharing-my-multi-file-upload-code/8754/3 "2020-09-25T15:45:56Z")

</div>

Thanks for the video! I managed to connect it!

Just a note - it works great to upload multiple images with.

However I'm struggling to get it to work with files: it creates a record for each file in the upload, but then when I try to access that uploaded file (pdf, csv, etc) I get a message that the file doesn't exist.

---

<div class="post-metadata">

**Author:** ![HamiltonTu35008](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/hamiltontu35008/32/550_2.png) [@HamiltonTu35008](https://forums.knack.com/u/HamiltonTu35008)\
**Post date:** [September 25, 2020, 2:54am UTC](https://forums.knack.com/t/sharing-my-multi-file-upload-code/8754/4 "2020-09-25T02:54:32Z")

</div>

9143322307&nbsp;See if this helps - [https://youtu.be/syZjM90s3wQ](https://youtu.be/syZjM90s3wQ)

---

<div class="post-metadata">

**Author:** ![ZapBaum60976](https://avatars.discourse-cdn.com/v4/letter/z/8dc957/32.png) [@ZapBaum60976](https://forums.knack.com/u/ZapBaum60976)\
**Post date:** [September 24, 2020, 6:54pm UTC](https://forums.knack.com/t/sharing-my-multi-file-upload-code/8754/5 "2020-09-24T18:54:43Z")

</div>

Thank you for sharing.

How can I change it to connect to 1 other object? I want to upload files that are connected the logged in user.

&nbsp;

---

<div class="post-metadata">

**Author:** ![BradStevens](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/bradstevens/32/140_2.png) [@BradStevens](https://forums.knack.com/u/BradStevens)\
**Post date:** [September 21, 2020, 10:12am UTC](https://forums.knack.com/t/sharing-my-multi-file-upload-code/8754/6 "2020-09-21T10:12:45Z")

</div>

Awesome share man - looking forward to testing this.

---

<div class="post-metadata">

**Author:** ![Nick](https://avatars.discourse-cdn.com/v4/letter/n/f9ae1b/32.png) [@Nick](https://forums.knack.com/u/Nick)\
**Post date:** [May 11, 2022, 6:41pm UTC](https://forums.knack.com/t/sharing-my-multi-file-upload-code/8754/7 "2022-05-11T18:41:05Z")

</div>

@HamiltonTu35008 , I got it to work. Great job!

Although, I’m trying to hide my App ID. You mentioned to use the View API. I’m not understanding on how to do that. Another one of your great videos would be nice to look on how to do that.

Thank you!

Nick

---

<div class="post-metadata">

**Author:** ![Nick](https://avatars.discourse-cdn.com/v4/letter/n/f9ae1b/32.png) [@Nick](https://forums.knack.com/u/Nick)\
**Post date:** [May 13, 2022, 2:24pm UTC](https://forums.knack.com/t/sharing-my-multi-file-upload-code/8754/8 "2022-05-13T14:24:41Z")

</div>

Well, It didn’t work completely. It says that the file is not available.  
Hope to get your help with this.

Thank you.

---

<div class="post-metadata">

**Author:** ![Nick](https://avatars.discourse-cdn.com/v4/letter/n/f9ae1b/32.png) [@Nick](https://forums.knack.com/u/Nick)\
**Post date:** [May 13, 2022, 2:26pm UTC](https://forums.knack.com/t/sharing-my-multi-file-upload-code/8754/9 "2022-05-13T14:26:03Z")

</div>

Same here. Did you get it to work? @ZapBaum60976
