Uppy
filepond
Uppy | filepond | |
---|---|---|
31 | 15 | |
29,886 | 15,596 | |
0.5% | 0.4% | |
9.5 | 7.0 | |
7 days ago | 3 days ago | |
TypeScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Uppy
-
How types make hard problems easy
This is hand-wavey, but that can't be true: less complex type systems manage to express all kinds of interfaces correctly all the time.
You're asking me to tell on my coworkers, and I'm too loyal to throw them under the bus :)
Well, OK, here's one, but I'll keep it as blameless as possible. We had a thing where we wanted to register some event handlers. The primary use of these event handlers was to run a selector, and if the selected data changed, trigger an update, passing the selected data along. The initial implementation used existential types to store a list of callbacks, each returning different selected data. The "driver" then did the equality checking and update triggering. We later changed this, so that the callbacks - as far as the driver was concerned - all returned `void`, eliminating the need for an existential type. We just had to move the equality checking and update triggering inside the callbacks.
Some features are straightforward translations: anywhere you have overloading and/or optional arguments you can (and often should) simplify by refactoring into multiple functions.
For a concrete, public example...well, I remember the Uppy library had a lot of stuff like this. A lot of work goes into making it's "Plugin" interface look the way it does (start at [1] and keep reading I guess), and while I haven't sat down and re-engineered it I don't think it needs to be this way, if you're willing to give up some of the slickness of the interface.
[1] https://github.com/transloadit/uppy/blob/main/packages/%40up...
- Uppy: Sleek, modular open source JavaScript file uploader
-
Ask HN: How to handle user file uploads?
Look at https://uppy.io/ open source and lot of integrations. You can keep moving to different levels of abstraction as required and see some good practices of how things are done.
-
Pre-made solution for allowing a client to upload a file to my web hosting (via browser, not FTP client)?
I just found uppy. This will be the next one I use. https://uppy.io/
-
BEST way to upload images to AWS from Next?
I’m building a photo sharing website and want to make it incredibly easy to upload photos. Of course I could just utilize AWS official packages but that’s pretty bare bones. I could also use next-s3-upload which is purpose built for Next and simplifies some things but is still fairly basic. But then there’s things like uppy that provides everything you’d ever need in an uploaded (third party sources, camera, etc.) that would be nice to haves, but apparently doesn’t play well with Next without a separate Node server.
- Torn between NextJS or Node/Express
-
Backblaze webinar Feb 28 @ 10am Pacific: Scaling Media Delivery Workflows with bunny.net and Backblaze B2
Media file uploads with the Uppy JavaScript uploader plugin
-
How to upload large files (1GB+) through a RestAPI
Check out Uppy and Uppy Companion: https://github.com/transloadit/uppy/
-
File upload component. How to use form.progress for multiple files uploaded (inertia+vue)?
I would look at Uppy.js, I've used it in an enterprise application and it works super well, makes it super easy to do what you're trying to achieve with progress bars for each file.
-
React Project with TUS/Uppy integration for video uploads
I started to try out https://uppy.io/ but their lack of good documentation makes my life a bit difficult. However, uppy seems to be the only available solution out there in the React land (i dont want to implement it by myself).
filepond
-
Frontend resources! 🚀
FilePond: Simplify file uploads with FilePond
-
Can anyone suggest PHP, JavaScript File Manager tool with Crop tool integrated?
Have a look at https://pqina.nl/filepond/
- Help uploading huge files (10GB+) to Browser
-
Any good library to handle file uploads???
Just looking at the docs for react-dropzone, they recommend Filepond for something similar to what you're looking for.
-
Need ideas for a photography application.
Just two example libraries: FilePond, DropZone
-
Can't get Django to work with FilePond for some reason
I've had this problem for a while. I'm using filepond on the frontend for uploading files, and I've followed their setup documentation, but I cannot for the life of me get it to work. I'm using django-drf-filepond as the backend for my FilePond uploads, but I keep getting `Bad Request: /uploads/process/` errors. My FilePond configuration is
-
Saving Millions of Images Series [Part Two]
GitHub - pqina/filepond: 🌊 A flexible and fun JavaScript file upload library
-
Form data with HTML5 FormData file upload - [HELP]
This works as intended if the form does not invoke filepond.
- Is it possible to use FilePond with TypeScript?
- Have you earned money with your own (side)projects?
What are some alternatives?
dropzone - Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.
jQuery-File-Upload - File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.
fine-uploader
HTML5 AJAX File Uploader - JavaScript library that manages file uploads using html5 drag and drop and file API's.