filestack / filestack-react

Official React component for Filestack - API and content management system that makes it easy to add powerful file uploading and transformation capabilities to any web or mobile application.
https://www.filestack.com
MIT License
164 stars 40 forks source link

Choose output image format with PickerOverlay #143

Open rodrigojmayer opened 6 months ago

rodrigojmayer commented 6 months ago

Hello. Im not sure if this is the right place to ask but I can't find how to solve this problem. I'm trying to set the output format in "webp" so the files take up less space in the Filestack web. I have been able to do it after the image is loaded, by entering /auto_image/ in the url, but what I need is to change the format before saving the image, and not just to download it. I tried in different ways to use "transformOptions", "convert", "output", "format" but I have not had success. This is part of my code where I think I should set the configuration:

import { PickerOverlay } from 'filestack-react';

<PickerOverlay
    apikey={apiKey}
    onUploadDone={(res: any) => {
        if(imageUrl){
            onHandleUnsavedImages(imageUrl)
        }
        onSetImageUrl(res.filesUploaded[0].url)
    }}
    pickerOptions={{
        onClose: () => {
            handleShowPicker()
        },
        accept: ["image/*"],
    }}
/>

Thanks in advance