Stable Version 2.0.1 (OutSystems 11)
Published on 16 Sep (2 days ago) by 
A file upload widget that allows AJAX submit, automatic upload with no further submit needed, with drag/drop and image preview that works on all browsers, including Internet Explorer 11 and Edge. It uses the awesome FilePond javascript library. by Rik Schennink. Drag & drop or browse files, ajax submit, multiple files, image preview, restrict by file type and size.
Read More

An AJAX file upload widget using the awesome FilePond javascript library. by Rik Schennink

Includes support for drag & drop in Internet Explorer 11 via polyfills.


* Ajax file upload

* Choose from the UploadBlock and the AutoUploadBlock where no further submit button click is required

* Multiple file upload

* Instant or click to upload

* Select file via browse or drag/drop (including IE11)

* Image preview

* Restrict to specific MIME types

* Maximum file size

* Maximum number of uploaded files


* Drag the UploadBlock onto your page.

* Pass in configuration for the upload.

For the UploadBlock web block,

* Drag a text input control into the block.  This is for storing the tokens for uploaded files.

* On submit (can be ajax) call FilePondUpload_GetUploadedFiles() passing the submitted tokens to retrieve files.

For the AutoUploadBlock web block,

* Implement the FilesUploadedEvent event to retrieve files and process them.

In all cases,

* Upon retrieving the uploaded files, their temporary copy will be removed.

* A timer will remove temporary uploaded files older than 30 minutes.

See the FilePondUpload_Sample for examples of how to use the widgets.

What’s new (2.0.1)

This version adds the following minor enhancements

* Ability to specify a default initial file. Set the file's URL via configuration attribute DefaultFileURL.

* Upload a file dropped anywhere on the page. Set configuration attribute DropOnPage = True to enable.

* Set the aspect ratio using configuraiton attribute StyleAspectRatio. Set a forced aspect ratio for the FilePond drop area. Useful to make the drop area take up a fixed amount of space. For example when cropping a single square image. Accepts human readable aspect ratios like '1:1'. Default is empty string.

* Set the panel label using configuration attribute StylePanelLayout. Can be either 'integrated', 'compact', and/or 'circle'. Compact mode will remove padding, integrated mode is used to render FilePond as part of a bigger element. Circle mode adjusts the item position offsets so buttons and progress indicators don’t fall outside of the circular shape. Default is empty string.

* Set the Log configuration attribute to True, to show debug messages in the javascript console. 

Reviews (1)
by Hanno
16 Sep (2 days ago)
in version 2.0.1
Works well with flexible configuration options so you can have multiple upload controls on a page with different configs (different web blocks)
UI & Widgets
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Stuart Harris who created this component.
FilePondUpload has no dependencies.
Component Consumers
No consumers yet.
Weekly Downloads