MARKETPLACE
PLUGINS
FILE UPLOAD VALIDATOR
File Upload Validator logo

File Upload Validator

Published September 2026
   β€’    Updated this month

Plugin details

πŸ“ FILE VALIDATOR UPLOADER
File Validator Uploader is a drop-zone upload element that validates files directly in the browser before they reach your database.

Configure allowed file extensions, maximum file size, and minimum or maximum image dimensions. The element enforces these rules, displays a rules summary and per-file feedback, and clearly reports which file failed and why.

Valid files are uploaded to Bubble storage β€” either public or private β€” and can optionally be attached to a thing.

The element exposes file names, sizes, dimensions, error messages, error codes, and upload status as states that can be used anywhere in your workflows.

Supports both single and multiple file uploads.

No external services. No API keys required.


✨ KEY FEATURES

β€’ Client-side file validation
β€’ Allowed file extension validation
β€’ Maximum file size validation
β€’ Minimum and maximum image dimensions
β€’ Single or multiple file uploads
β€’ Public or private Bubble storage
β€’ Optional file attachment to a thing
β€’ Per-file validation feedback
β€’ Detailed error messages and error codes
β€’ Upload status tracking
β€’ Dynamic workflow states
β€’ Fully customizable appearance
β€’ No external services
β€’ No API keys required


🎨 FULLY THEMEABLE

Customize the upload experience with:

β€’ Light and dark themes
β€’ Accent and status colors
β€’ Borders and corner radius
β€’ Shadows
β€’ Typography
β€’ Compact layouts

Match the drop zone to your app without writing additional code.

Free

For everyone

stars   β€’   0 ratings
1 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web & Native mobile

Contributor details

GoldenAxe logo
GoldenAxe
Joined 2023   β€’   14 Plugins
View contributor profile

Instructions

πŸ“– INSTRUCTIONS

1. βš™οΈ SETUP

1. Add the File Validator Uploader element to your page.

2. Under FILE SETTINGS, configure the validation rules:

β€’ Allow multiple files
β€’ Allowed extensions β€” comma-separated values such as pdf, jpg, png
β€’ Max file size (MB)
β€’ Min/Max image width and height (px)

Note: Dimension rules apply only to image files.

3. Enable Make files private and configure Attach private files to (thing) if uploads should follow a record's privacy rules.

4. Customize the element under:

β€’ DROP ZONE
β€’ THEME & COLORS
β€’ BORDER & EFFECTS
β€’ TYPOGRAPHY
β€’ FILE LIST

5. Enable Hide rules summary if you do not want to display the validation rules on the upload element.


2. πŸ”„ WORKFLOWS

Available element actions:

β€’ Validate file(s)
β€’ Start upload
β€’ Clear

Use Start upload when you want to trigger the upload from a separate submit button instead of uploading immediately after file selection.

Use Clear to reset the selected files and all related states.


3. πŸ”” EVENTS

β€’ File selected (before validation)
β€’ Validation passed (all files valid)
β€’ Validation failed (at least one file rejected)
β€’ Upload complete
β€’ Upload error


4. πŸš€ TYPICAL WORKFLOW

1. The user drops or selects files.
2. The plugin validates the files automatically.
3. Validation passed can be used to enable your submit button.
4. The submit button runs Start upload.
5. After Upload complete, use This element's Uploaded files to create or update a thing.


5. πŸ“Š STATES

β€’ Uploaded files β€” list of uploaded files available after Upload complete.

β€’ Status β€” text value such as idle
, selected
, validating
, valid
, invalid
, partial
, uploading
, uploaded
, and upload_error
.

β€’ Is uploading β€” yes/no value that can be used to control loading indicators or disable submit buttons.

β€’ Valid files (names) β€” list of valid file names.

β€’ Rejected files (names) β€” list of rejected file names.

β€’ Errors (messages) β€” validation error messages explaining why files were rejected.

β€’ Error codes β€” structured error identifiers for validation failures.

β€’ Errors JSON β€” JSON containing detailed validation errors for custom messaging or processing.

β€’ Size / Width / Height β€” values for the first valid file.

β€’ Sizes / Widths / Heights β€” lists containing values for valid files in the same order as Valid files.


πŸ” VALIDATION & SECURITY

Validation runs client-side to provide immediate feedback and a smooth upload experience.

For security-critical validation and privacy enforcement, always maintain appropriate server-side checks as well.

Types

This plugin can be found under the following types:
Element   β€’   Event   β€’   Action

Categories

This plugin can be found under the following categories:
PDF   β€’   Media   β€’   Image   β€’   Video   β€’   Input Forms

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble