Image EXIF orientation

Retrieves the EXIF orientation data from JPEG images. This helps in correctly orienting photos taken on mobile devices.

The Image preview plugin uses this information to show the correct preview. The Image transform plugin uses this information to transform the image before uploading it to the server.

As other plugins use the information read by the EXIF orientation plugin please register this plugin first.

Installation

Using npm

npm i filepond-plugin-image-exif-orientation --save

Now we can add the Image EXIF Orientation plugin to our project like this.

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

// Import the plugin code
import FilePondPluginImageExifOrientation from 'filepond-plugin-image-exif-orientation';

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

Using a CDN

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

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

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

Manual installation

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

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

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

Properties

Property Default value Description
allowImageExifOrientation
true
Enable or disable fetching of EXIF orientation