Scribd Logo
Upload

Welcome to Scribd!

  • 35 views

    Jquery Filepond

    Uploaded by

    beted36114
    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.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    Jquery Filepond

    Uploaded by

    beted36114
    35 views3 pages
    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.

    Original Title

    2

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    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.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    35 views3 pages

    Jquery Filepond

    Uploaded by

    beted36114
    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.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    You are on page 1of 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

    pFad - Phonifier reborn

    Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

    Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


    Alternative Proxies:

    Alternative Proxy

    pFad Proxy

    pFad v3 Proxy

    pFad v4 Proxy