FilePondUpload

Stable Version 2.0.2 (OutSystems 11)
Published on 10 Nov (9 days ago) by 
Details
A file upload widget that allows AJAX submit, automatic upload, drag/drop multiple files, image preview and image editing that works on all browsers, including Internet Explorer 11 and Edge. It uses the awesome FilePond javascript library. https://pqina.nl/filepond/ by Rik Schennink.
Read More

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


https://pqina.nl/filepond/ by Rik Schennink


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

Features

* 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

* Image editing (purchase of Doka image editing library required)

* Restrict to specific MIME types

* Maximum file size

* Maximum number of uploaded files


Usage

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

See Documentation for how to include Doka files for image editing.

What’s new (2.0.2)

Image Editing

Added image editing (requires purchase of the Doka image editing library).  To enable, the Doka files must be purchased and configured in a webblock. The webblock must be place on the same page as the upload control is used.  See documentation for instructions. Then just set configuration option ImageEdit = True, and optionally InstantImageEdit = True.

Anonymous Uploads

Added support for anonymous uploads.  For security reasons anonymous upload is not allows by default.  To enable set site property AllowAnonymousUpload to True.

Reviews (1)
by Hanno
16 Sep
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)
Category
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.
Dependencies
FilePondUpload has no dependencies.
Requirements
Platform:
11.0.0.200
Database:
All
Stack:
.NET
Component Consumers
No consumers yet.
Weekly Downloads