PowerBlocks
LibraryFile Upload
PROforms

File Upload

The File Upload component gives Power Apps a modern, drop-zone-style upload card — dashed border, upload icon, helper text and a Browse button — instead of the bare native control. Because Power Apps can only open the OS file dialog through a native control, this is the styled shell you place over an Attachments or Add picture control, so uploads look professional and on-brand.

Pro component

Subscribe to access this component and the full library.

View plans

Drag files here or browse

PDF, PNG or DOCX — up to 10 MB

Browse files

YAML source

Preview — full code with PRO
# File Upload — PowerBlocks (PRO)
# A polished upload card (drop-zone look, icon, hint and a Browse button).
#
# IMPORTANT: Power Apps cannot open the OS file dialog from a plain button. The actual
# file picking must use a NATIVE control:
#   - Attachments control inside an Edit form (bound to an attachment column), or
#   - the "Add picture" (AddMediaButton) control for a single image/file.
# This component is the styled SHELL — drop the native Attachments/Add picture control
# on top of FuZone, or set the button's OnSelect to Select(YourAttachmentsControl).
#
# STEP 1 — Paste this control. STEP 2 — Add the native Attachments/Add picture control
#          over the drop-zone and bind it to your data source.

- FileUpload:
# … full component definition unlocked with PRO

This is a partial preview. Unlock the full component →

Common use cases

Document submission

Let users attach files to a request or record with a clear, inviting upload area.

SharePoint libraries

Pair with an Attachments control bound to a SharePoint or Dataverse column.

Image capture

Use over the Add picture control for a single-image upload with a polished look.

How to use File Upload in Power Apps

  1. 1Choose your locale (EN or FR) and click "Copy YAML".
  2. 2Paste the control into your screen's Tree view in Power Apps Studio.
  3. 3Place the native Attachments (Edit form) or Add picture control over the drop-zone, or set the button OnSelect to Select(that control).
  4. 4Bind the native control to your data source — the shell handles the look, the native control handles the file.

Tip — Recolor the card and button with your Design System Kit tokens, and keep the native control transparent on top of the drop-zone so users tap the styled area.

Related forms components