♥

Combine FilePond with Pintura and create the perfect image edit and upload experience.

Learn more about Pintura

Image validate size

The Image Size Validation plugin handles blocking of image that are either too small or too large.

Installation

Using npm

npm i filepond-plugin-image-validate-size --save

Now we can add the File Validate Type plugin to our project like this.

// Import FilePond
import * as FilePond from 'filepond';

// Import the plugin code
import FilePondPluginImageValidateSize from 'filepond-plugin-image-validate-size';

// Register the plugin
FilePond.registerPlugin(FilePondPluginImageValidateSize);

Using a CDN

<!-- add before </body> -->
<script src="https://unpkg.com/filepond-plugin-image-validate-size/dist/filepond-plugin-image-validate-size.js"></script>
<script src="https://unpkg.com/filepond/dist/filepond.js"></script>

<script>
    // Register the plugin
    FilePond.registerPlugin(FilePondPluginImageValidateSize);

    // ... FilePond initialisation code here
</script>

Manual installation

<!-- add before </body> -->
<script src="filepond-plugin-image-validate-size.js"></script>
<script src="filepond.js"></script>

<script>
    // Register the plugin
    FilePond.registerPlugin(FilePondPluginImageValidateSize);

    // ... FilePond initialisation code here
</script>

Properties

true

1

65535

1

65535

'Image type not supported'

'Image is too small'

'Image is too big'

'Minimum size is {minWidth} × {minHeight}'

'Maximum size is {maxWidth} × {maxHeight}'

null

null

'Resolution is too low'

'Resolution is too high'

'Minimum resolution is {minResolution}'

'Maximum resolution is {maxResolution}'

null