Uppy with no UX

Uppy
1

Hello everyone,

I am updating an existing web app that has a well defined user experience (UX) for file uploads. I would like to use Uppy but without using any Uppy UX, i.e. just hook into it via javascript API.

Is this possible? Easy? Are there any examples for this type of usage?

Thank you for your thoughts.

Rod

2

Noting discussion at this issue: Using uppy without the UI · Issue #213 · transloadit/uppy · GitHub

And Uppy without dashboard or fileinput

3

I still want to make a proper example but it’s very much possible yes.

If you use React, I recommend using the hooks useUppyState and useUppyEvent.

If you use vanilla JS, probably event driven would work best for you.

4

I created a demo repo
https://github.com/rodneytamblyn/uppyTransloaditNoUX

Review, commentary, feedback, improvements and suggestions from experienced Uppy and Transloadit users would be most welcome.

Uppy Transloadit NoUX

This project illustrates how to upload files using Uppy:

  • this example shows how to use Uppy without the Dashboard UX for situations where you want to integrate Uppy with an existing app or using your own UI
  • uploads go to Transloadit, which can save your files on to storage of your choice, the example is configured for Wasabi
  • supports multi-part resumable uploads with signing implemented on backend using NodeJS/Express
  • illustrates how to upload images pasted from clipboard to a content editable field
1 Like
5

If you prefer the vanilla JS/HTML route, then this looks good yes. Thanks for sharing.