Scribd
Upload
45 views3 pages

Jquery Filepond

jQuery FilePond is a jQuery adapter for FilePond, a JavaScript library that can upload any file type and optimize image uploads. It offers a great user experience for uploading files. The adapter allows adding FilePond functionality to file inputs and interacting with FilePond programmatically. It can be installed from npm and used by including jQuery, FilePond, and the adapter script. Files can then be added or removed and events can be listened to.

Uploaded by

beted36114
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
45 views3 pages

Jquery Filepond

jQuery FilePond is a jQuery adapter for FilePond, a JavaScript library that can upload any file type and optimize image uploads. It offers a great user experience for uploading files. The adapter allows adding FilePond functionality to file inputs and interacting with FilePond programmatically. It can be installed from npm and used by including jQuery, FilePond, and the adapter script. Files can then be added or removed and events can be listened to.

Uploaded by

beted36114
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

19/10/2023, 20:31 GitHub - pqina/jquery-filepond: 🔌 A handy FilePond wrapper for jQuery

pqina / jquery-filepond Public

🔌 A handy FilePond wrapper for jQuery


pqina.nl/filepond

MIT license

210 stars 39 forks Activity

Star Notifications

Code Issues 2 Pull requests Actions Security Insights

master Go to file

rikschennink Update README.md … on Jun 22, 2021 24

View code

README.md

jQuery FilePond
jQuery FilePond is a handy jQuery adapter for FilePond, a JavaScript library that can upload anything
you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user
experience.

license MIT

https://github.com/pqina/jquery-filepond 1/3
19/10/2023, 20:31 GitHub - pqina/jquery-filepond: 🔌 A handy FilePond wrapper for jQuery

Also need Image Editing?


Pintura the modern JavaScript Image Editor is what you're looking for. Pintura supports setting crop
aspect ratios, resizing, rotating, cropping, and flipping images. Above all, it integrates beautifully
with FilePond.

Learn more about Pintura

Installation
Install from npm

npm install jquery-filepond --save

Or form a CDN:

<input type="file" class="my-pond" name="filepond"/>

<!-- include jQuery library -->


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>

<!-- include FilePond library -->


<script src="https://unpkg.com/filepond/dist/filepond.min.js"></script>

https://github.com/pqina/jquery-filepond 2/3
19/10/2023, 20:31 GitHub - pqina/jquery-filepond: 🔌 A handy FilePond wrapper for jQuery
<!-- include FilePond plugins -->
<script src="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview

<!-- include FilePond jQuery adapter -->


<script src="https://unpkg.com/jquery-filepond/filepond.jquery.js"></script>

<script>
$(function(){

// First register any plugins


$.fn.filepond.registerPlugin(FilePondPluginImagePreview);

// Turn input element into a pond


$('.my-pond').filepond();

// Set allowMultiple property to true


$('.my-pond').filepond('allowMultiple', true);

// Listen for addfile event


$('.my-pond').on('FilePond:addfile', function(e) {
console.log('file added event', e);
});

// Manually add a file using the addfile method


$('.my-pond').first().filepond('addFile', 'index.html').then(function(file){
console.log('file added', file);
});

});
</script>

Read the docs for more information

Releases

1 tags

Packages

No packages published

Used by 177

+ 169

Languages

JavaScript 100.0%

https://github.com/pqina/jquery-filepond 3/3

You might also like