Uppy: Uppy as media library

Created on 12 Dec 2017 · 5Comments · Source: transloadit/uppy

we are building a reactjs admin module for our site, and really like the look-and-feel of Uppy, and want to add it as the media library of our wysiwug part.

The idea is to look somehow like WP media library, to upload images (to Google Drive, GCE, AWS-S3), allow some image manipulation (crop, resize, transform).
We also need the gallery ability: to list a cloud folder for images (this can be produced in the server), and and the ability to select an image and get the image actual url (in the storage).

We don't want to add the uppy-server, not to add more technologies and maintenance -required elements on our server.

Any idea and maybe an example, how could we achieve it using Uppy? maybe managing the upload separately and updating the gallery list using setState? or is there any other configuration we are missing?

Feature Question 🔮 Long-term

Source

dlndev

Most helpful comment

Hi! Thanks for your question and interest in Uppy :)

and really like the look-and-feel of Uppy, and want to add it as the media library

So currently for us Uppy is a file uploader first. But we are considering adding a plugin for custom media library, where you’d pass an array of files from your own source, as opposed to Instagram or Google Drive, and users would be able to select from those, and they will then be uploaded or inserted wherever you need via an event callback (this is all up for discussion).

Just the UI for files is another question though. So you’d need no uploading from Uppy, only the “gallery” UI? And cropping manipulation you’d implement yourself, outside of Uppy, is my understanding correct?

arturi on 15 Dec 2017

👍4

All 5 comments

Hi! Thanks for your question and interest in Uppy :)

and really like the look-and-feel of Uppy, and want to add it as the media library

arturi on 15 Dec 2017

👍4

Thanks for the reply.
I was not referring to a plain UI that displays a list of images (there are some nice libraries that provide solely the gallery).
I see it as a comprehensive solution to upload, manage and use images.

The upload and resize and the abilities that Uppy supports right now should be very useful.
I have in mind something like the WordPress media library, that gives all options in one place: upload, manipulate image, browse all listed images and select.

Your suggestion in questions #362 seems perfect, the listing will be done by the server, and a callback when an image selected.
Thus we can add it to the wysiwyg or copy the link to clipboard or whatever.

dlndev on 19 Dec 2017

👍3

One reason you might want to consider a media library, is for easy integration of Transloadit's services into headless CMS's, e.g. https://github.com/netlify/netlify-cms/issues/432#issuecomment-411568372.

This would be awesome to use.