reactfilepondupload

ReactFilePondUpload

Stable version 1.2.8 (Compatible with OutSystems 11)
Published on 29 Aug by 
4.8
 (14 ratings)
reactfilepondupload

ReactFilePondUpload

Details
A React file upload widget that allows multiple file upload, automatic upload, drag/drop, image preview, asynchronous upload and image editing that works on all browsers. It uses the awesome FilePond javascript library. https://pqina.nl/filepond/ by Rik Schennink.
Read more

A file upload widget using the awesome FilePond javascript library https://pqina.nl/filepond/ by Rik Schennink

Features

  • Multiple file upload
  • Asynchronous file upload
  • Instant or click to upload
  • Automatic file upload (no submit button required)
  • Disable submit button while files are uploading
  • Select file via browse or drag/drop
  • 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 (with submit button)

  • Place an UploadBlock in a form,
  • Configure the block with a FilePondUploadConfig structure,
  • Each uploaded file is allocated a token which can be used to retrieve the file,
  • On the client side, when the submit button is clicked, get file tokens with FilePondUpload_GetTokens(). Pass these tokens to a server function to retrieve uploaded files. Then clear the upload control with client action FilePondUpload_Reset(),
  • On the server side, pass the tokens to server action FilePondUpload_GetUploadedFiles(UploadTokens) to retrieve the uploaded files.
  • Uploaded files last for 30 minutes, or until they are retrieved by FilePondUpload_GetUploadedFiles().


Usage (automatic, no submit button required)

  • Place an AutoUploadBlock in a form,
  • Configure the block with a FilePondUploadConfig structure,
  • Each uploaded file is allocated a token which can be used to retrieve the file,
  • On the client side, handle the Uploaded event, passing the Tokens parameter to a server action to process files,
  • On the server side, pass the tokens to server action FilePondUpload_GetUploadedFiles(UploadTokens) to retrieve the uploaded files.
  • Uploaded files last for 30 minutes, or until they are retrieved by FilePondUpload_GetUploadedFiles().


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

See Documentation for how to include Doka files for image editing and further detail of configuration and options.

What’s new (1.2.8)

This version fixes the Oracle defect in the previous version.  The upload will no longer error when the backend database is Oracle.

Best effort attempt is now made to maintain the order of uploaded files.  Set MaxParallelUploads to 1 for the most reliable ordering of files.

Reviews (10)
29 Nov (10 days ago)
in version 1.2.8
Exactly what I was looking for. Thank you! :)
25 Sep
in version 1.2.8
Super tool, beautiful behavior and works very well. Thank You
27 Aug
in version 1.2.7
Great component. Supports very large files (tested with a 1.14 GB file), although you might need to increase the timeout setting in a Site Property that comes with it.