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