FilePond.js
p/filepond-js
Uploads anything you throw at it ☁️
Rik Schennink

FilePond.js β€” Uploads anything you throw at it ☁️

Featured
27
β€’

☁️ FilePond is an open source file upload library that handles any file you throw at it.

🍱 It optimise images for fast uploads, is extendable with plugins, and offers a silky smooth UX.
βœ‚οΈ Offers image editing with Doka.js
Replies
Best
Keyul
Great work. Is it possible to connect with third party CDN? so when user uploads file, it will automatically add into CDN.
Rik Schennink
@keyul Hmm, I think it should, the upload method is fully customizable so you should be able to basically upload to any destination. https://pqina.nl/filepond/docs/p...
Rik Schennink
Hi everyone! I'm Rik, the developer behind FilePond. I've been working on FilePond for the past year, super excited to finally launch! Also terrified 😱 For the past couple years I've been trying to make a living off selling JavaScript plugins on Envato. The time has come to stand on my own legs. Moving out of Envato will give me a lot more flexibility in how I offer my products to my customers. At the same time, it will be a lot more difficult to reach my customers. Oh no! Having released a file-upload and image-manipulation product before (Slim Image Cropper) I wanted to take its successor to the next level. I'd received a lot of customer feedback and decided to put all those learnings in FilePond. To capture as much customer feedback as possible, without building a Swiss army knife, I've made FilePonds core logic handle the uploading, loading and displaying of files. You can then stack plugins on top to add extra functionality like file validation, rendering different views, and image processing πŸ–Ό I wanted FilePond to offer a near-native experience. To achieve this it would require seamless animations and very careful timing of file manipulation (it's quite CPU heavy, even when using web workers). FilePond has its own "render engine" that renders the UI without layout trashing and can queue CPU heavy file operations to wait till the UI is idle. It's super fast and results in very smooth and continuous animations. As FilePond is written in plain JavaScript it's framework agnostic. To make integration with frameworks easier I'm planning to build React, Vue, and Angular wrappers in the near future. Thanks so much for reading and let me know if you have any questions! I'll be here all day 😊 FilePond is free for private and open source use, if you want to use it in a commercial product, you can use the code PHLAUNCH to get a 15% discount! // UPDATE I've switched FilePond to the MIT license. So it's now free for commercial use.
Ben Tossell
@rikschennink Looks beaut 😍
Rik Schennink
@bentossell Thanks Ben!
Simon Chiu
@rikschennink Congrats on the launch. Found out about this on IH, and came over here to check it out. Looks beautiful.
Rik Schennink
@geetfun Thanks Simon!
Paul Smith
@rikschennink This looks really beautiful and the documentation looks very slick. Do you have any documentation on how you could use filepond to upload the file direct to S3?
Rik Schennink
@paulcsmith Hi Paul! I currently have not, I'll see if I can get something online soon. Would love to release some default snippets for different cloud solutions. The FilePond upload function can be configured to the function level, which basically means you can handle the whole upload yourself while using callbacks to update the FilePond interface. This way it can connect to everything. https://pqina.nl/filepond/docs/p...
Jonathan

I love how beautiful this is!

Pros:

It makes me want to build something with it

Cons:

None

wojtek
This is probably the most polished and well documented plugin I've ever seen. Great work, Rik!
Rik Schennink
@pugson Thank you, awesome you took a look at the docs as well. It's based on Cupper and accessible documentation "generator" > https://github.com/ThePacielloGr...
Adam Davies
This looks sweeet and I think perfect for an upcoming project/product of mine πŸ‘
Rik Schennink
@adammydesign Thanks! Let me know when you get started, happy to help out if you have any questions. Good luck with your project, Adam!
Sven van der Zee
Damn this looks great, well done Rik! Love the landing page btw.
Carvalho Paulo
Nice and useful. I was able to upload a file to a nodejs server quickly. However, some problems (maybe my fault) regarding how to filter the types of files we can upload and how to pass extra information to the server when uploading the file. Any help of hint from the community is welcome (My architecture: reactjs + nodeJs server). Best regards
Shiv
Looks really beautiful :)
Rik Schennink
@shivkanthb Thanks Shive! :-)
Udara Jay
I've been waiting for this for sooo line!
Rik Schennink
@ujzeee Awesome, there's a lot more to come as well!
David Kosmayer
Great looking product Rik, like what I see!
Rik Schennink
@davidkosmayer Thanks David, appreciate the feedback!