Template Setup Guides

Multi-Uploader Plugin

Link to plugin page:

Plugin Settings

  • 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.

  • Initialize from workflow: Check or uncheck the setting to initialize the plugin from workflow. Default value is true

Plugin Events

  1. Uploader File is uploaded

  2. Uplaoder All files uploaded

Plugin States

The plugin returns the following states:

  1. Filename

  2. File

  3. Base64

  4. UUID/Handle/MD5

  5. Max Files

  6. File Size

  7. All files url

  8. All files uploaded

Update May 2019

New plugin states and setting.

  1. Uploader is empty

  2. Image width

  3. Image height

The image height and width states will be triggered only when the file was uploaded and it is a image file type. [MIME TYPES]

New plugin settings for initialization. The checkbox for Initialize from workflow now can be set. By default it's value is set to True.

Update March 2020

Added the action: Remove File From Azure A Uploader

In order to use the action is needed to:

1. Add the action in the workflow.

2. Select the "Uploader" element that is set to Azure, and write in the "File name" the name of the file that you want to delete.

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 to preview the settings