javascriptfilepicker.iofilepicker

Filepicker IO how to specify a minimum width and hight in upload

I want to be able to set a minimum width and height for images uploaded via the FilePicker Upload dialog box (Minimum size: 1200 x 960 pixels).

Ideally there would be an option for this but I cannot seem to find it.

Solution

  • While we don't have a method to limit uploads based on image dimensions, we did add the ability to resize images upon upload in May of 2015.

    The follow parameters govern this behavior:

    These functions work for local files picked from your computer and images captured using the webcam service.

    Image dimensions

    {imageDim: [width, height]}

    Specify image dimenions. e.g. : {imageDim: [800, 600]}. Local images will be resized (upscaled or downscaled) to the specified dimensions before uploading. The original height to width ratio is maintained. To resize all images based on the width, set [width, null], eg. [800, null]. For the height set [null, height], eg [null, 600].

    Max image dimensions

    {imageMax: [width, height]}

    Specify maximum image dimenions. e.g. : {imageMax: [800, 600]}. Images bigger than the specified dimensions will be resized to the max size.

    Min image dimensions

    {imageMin: [width, height]}

    Specify minimum image dimenions. e.g. : {imageMin: [800, 600]}. Images smaller than the specified dimensions will be upscaled to the minimum size.

    Note: client side resizing relies on the dialog being opened to work. If a user utilizes the drop-pane functionality (meaning no modal dialog window opens) to upload their images, their images will not be modified.