A JavaScript file upload plugin that's easy to setup and a joy to use.
Beautiful animations, fast uploads with client-side image optimization, and a great, accessible, user experience.
npm install filepond
Then import in your project:
import { FilePond } from 'filepond';
Or get from a CDN
<!-- add to document <head> -->
<link href="https://unpkg.com/filepond/dist/filepond.css" rel="stylesheet">
<!-- add before </body> -->
<script src="https://unpkg.com/filepond/dist/filepond.js"></script>
Now you can turn an <input type="file">
into a FilePond.
<input type="file" class="filepond'>
<script>
FilePond.parse(document.body);
</script>
Read more in the FilePond documentation
The free version of FilePond is licensed under GPLv3.
- You may use this lib for private use without the requirements imposed by the license.
- You may use this lib for public projects as long as those projects are licensed under GPLv3 as well.
- You may not remove the license and PQINA attribution from source files.
For more information read the repository license details.
If the GPLv3 license does not match your use case, the commercial license might be more suitable.
Interested in using FilePond for a project without being restricted by the GPLv3 requirements, view the license options on the pricing page.