DroppableFileUpload - Overview (O11) | OutSystems

Log in

droppablefileupload

Stable version 1.0.0 (Compatible with OutSystems 11)

Uploaded

on 07 May 2020

by

4.2

(6 ratings)

droppablefileupload

Details

A must have component if you need to upload files. It allows multiple file upload, droppable area and image preview

Read more

Features

Single and multiple file upload
Droppable area so files can be uploaded by dragging them to that area
Image preview
Restrict the allowed file types
Define the max size per file

Check the documentation tab for more info

Release notes (1.0.0)

Reviews (2)

by

2022-12-20

in version 1.0.0

Very good component. To make the component much better you should make a new version and define the drop-area in dynamic way.

by

2022-05-13

in version 1.0.0

It works really well, however there are some things on the code that could be improved. The JavaScript on the OnReady function defines the ID of the hidden input associated to the droppable file area in a non-dynamic way meaning that if there are several droppable file areas on a single page they will all share the same id. This is dangerous since the code relies on the id to provide some actions and with repeated ids this means that the code can malfunction. Also on the same JavaScript there is the usage of the action Document.querySelector() to look for an element on the page via the class but similar to the id part it's non-dynamic meaning that if there are several file upload areas on the same screen it will malfunction.

Team

Staff

Staff

Staff

Other assets in this category

multiple-file-upload

Allow you to upload multiple files in one upload form or using drag and drop functionality.

Custom Input Masks uses a javascript library which creates an input mask. An input mask helps the user with the input by ensuring a predefined format. This can be useful for dates, currencies, numbers, phone numbers, emails, urls ... Using input masks you’ll get better and more consistent data, and it will be a lot easier for your users to read and enter that data.

CKEditor is an open source WYSIWYG rich text (HTML) editor that can be embedded in web pages. It brings to the web common editing features found on desktop editing applications like Microsoft Word and OpenOffice.

More from Experts

infrastructure-monitor

A LifeTime plugin to provide Developers and Operations a quick and simple infrastructure monitoring tool for the platform servers. It will help you keep your infrastructure in check by surfacing key performance metrics of your servers and alert you when these metrics reach thresholds that may compromise the performance or stability of your environments. Instructions here: http://outsyste.ms/1lnELXb

feature-toggle-management

The Feature Toggle Management is the management console that provides the interface to manage Features Toggles across multiple environments. This component allows IT users to manage feature release and restrict access to the feature through user context. It improves the way to deal with unfinished work and hidden features in production and helps to remove dependency friction as you scale to multiple teams.

A beautiful replacement for JavaScript's confirm message! It will replace the ugly confirmation message with a beautiful customizable and fully functional modal.