TestFilePond

A Test project for filepond.

FilePond (v1.8.8)

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.

Basic Usage

Make sure to load the css before creating FilePond Apps.

CG.Base.linkCSSFile(CG.Base.getAppResourceFileUrl('[YourProjectCode.Alias]', 'react-filepond-0/filepond.min.css'))

Create FilePond App.

let app: FilePond.AppAPI = FilePond.create();
document.body.appendChild(app.element);

Create FilePond with existing element.

let app: FilePond.AppAPI = FilePond.create(document.getElementById('theIdOfTheInput'));

With React Component

export class FilePondComp extends React.Component {

    render() {
        return (
            <div>
                <FilePond.FilePond allowMultiple={true} maxFiles={3}>
                </FilePond.FilePond>
            </div>
        );
    }
}

Demo Project

• TestPondFile

References

Official Site

This lib includes the following github repositories - filepond - react-filepond - filepond-plugin-file-encode - filepond-plugin-file-metadata - filepond-plugin-file-poster - filepond-plugin-file-rename - filepond-plugin-file-validate-size - filepond-plugin-file-validate-type - filepond-plugin-image-crop - filepond-plugin-image-exif-orientation - filepond-plugin-image-preview - filepond-plugin-image-resize - filepond-plugin-image-transform - filepond-plugin-image-validate-size