Requiring specific image dimensions to be met (picker validation for image dimensions)

[ease]

Is there any chance to set the options within PickerOptions to require files that meet specific criteria, such as i.e. 300x200px PNG? Or if it's not met then it opens crop UI with fixed selection that's 300x200px so that user can crop the image based on that.

I'm aware of imageDim, imageMin and imageMax options, but it always respect the original aspect ratio, while I need to allow a user to choose the area within the image they've uploaded, and still fixing the rectangle selection to i.e. 300x200px rectangle? Such as avatars, etc...

[javiergbas]

I think you can achieve what you want with the following options:

{
  transformations: {
    crop: { aspectRatio: 1 / 1, force: true },
  },
  imageMin: [200, 200],
  imageMax: [200, 200],
}

[ease]

Thanks, that could solve some issues, but what if I have the area that requires 300px width and 200px height image and I want users to crop their image within those dimensions? I know it's aspectRatio: 1.5 / 1 but it doesn't work the way I want it, because crop rectangle:

• doesn't show us what area size we are selecting (no px indication)
• selection seems to be imprecise (i.e. selections ends up being something like 900.45 x 600.23), so when that gets passed on the upload with imageMin and imageMax, it ends in 300x201px which isn't what I want. Example of cropping an image that's opened with aspectRatio: 1.5 / 1:

To be more precise, I think Filestack needs an option to:

• pass in the FilestackPickOptions for transformations, so it's like:

  transformations: {
  crop: {
  force: true,
  aspectRatio: 1.5 / 1,
  showSelectionDim: true, // to show what selection we're making
  disableDimChange: true, // to disallow user to change selection, but only move the predefined rectangle
  roundSelection: true, // to round 600.23 to 600, if possible
  }
  }