Multi-Uploader

Multi-Uploader

Uploader options. (Click to full screen)
  • Id: Uploader unique id/name.
  • Uploader text: Example: "Drag & Drop your files or Browse"
  • Server: Bubble AWS, Uploadcare, Filestack.
  • Enable attach to: Check to enable attach to function.
  • Thing in Bubble to be attached. This only works for Bubble AWS. If the thing is not valid, it will return an error.
  • Uploadcare KEY: Uploadcare public key (optional).
  • Filestack KEY: Filestack key (optional).
  • Azure Storage Account: Azure storage account name (optional).
  • Azure SAS: Azure SAS (optional).
  • Image quality: The quality of the output image supplied as a value between 0 and 100.
  • Max Files: Max. number of files.
  • Allow FileType Validation: Enable or disable file type validation.
  • Accepted FileTypes: Accepted file types [MIME TYPES]. For example: image/* will accept all images.
  • Label FileType Not Allowed: Message shown when an invalid file is added.
  • File Validate Type Label: Message shown to indicate the allowed file types.
  • Allow FileSize Validation: Enable or disable file size validation.
  • FileSize (KB/MB): The maximum size of a file for example: 100MB or 100KB.
  • Total FileSize (KB/MB): Maximum size of all files in list, same format as FileSize
  • Label FileSize Exceeded: Status message shown when large file is dropped.
  • Label Max FileSize: Detail message shown when max file size was exceeded.
  • Label FileSize Exceeded: Status message shown when total file size exceeds maximum.
  • Label Total FileSize: Detail message shown then total file size exceeds maximum.
  • Allow Image Preview: Enable or disable preview mode.
  • Allow Image Validate Size: Enable or disable image size validation.
  • MinWidth: The minimum image width.
  • MaxWidth: The maximum image width.
  • MinHeight: The minimum image height.
  • MaxHeight: The maximum image height.
  • Label Size TooSmall: The message shown when the image is too small.
  • Label Size TooBig: The message shown when the image is too big.
  • Label MinSize: Message shown to indicate the minimum image size.
  • Label MaxSize: Message shown to indicate the maximum image size.
  • Allow Image Crop: Enable or disable image cropping.
  • Image Crop AspectRatio: The aspect ratio of the crop in human readable format, for example:'1:1' or '16:10'
  • Allow Image Resize: Enable or disable image resizing
  • Image Resize TargetWidth: The output width in pixels.
  • Image Resize TargetHeight: The output height in pixels.
  • Image Resize Mode: The method in which the images are resized. Choose between 'force', 'cover', or 'contain'. Force will ignore the image aspect ratio. Cover will respect the aspect ratio and will scale to fill the target dimensions. Contain also respects the aspect ratio and will fit the image inside the set dimensions. All three settings will upscale images when there are smaller then the given target dimensions.
  • Image Resize Upscale: Set to false to prevent upscaling of images smaller than the target size.

Important: Default Bubble picture uploader will not work in the same page if you are using this multi-uploader, & IE is not fully supported.

DEMO PAGE
Last modified 3yr ago
Copy link