File Upload And Image Preview On ChooseFile

Stable Version 3.0.0 (O11)
Also available for 10
Published on 20 December 2018 by 
Created on 11 May 2018
Details
With this component you can upload any file to the server without the need to use Submit links or buttons. This means you can use this on a page with server validations (and use ajax refreshes to show them) without the need of having 2 different buttons, one to save and one to upload the file. With this, the user only has to click once to save everything, and also you can do the validations to the file right then the user selects it, and not only when he clicks another button. Besides this, the component also can set a preview of the uploaded file (if it's an image) by JS when you upload.
Read More

With this component you can upload any file to the server without the need to use Submit links or buttons.


This means you can use this on a page with server validations (and use ajax refreshes to show them) without the need of having 2 different buttons, one to save and one to upload the file. With this, the user only has to click once to save everything, and also you can do the validations to the file right then the user selects it, and not only when he clicks another button.


Besides this, the component also can set a preview of the uploaded file (if it's an image) by JS when you upload.

What’s new (3.0.0)

You can use more than one on the same screen now

Reviews (0)
Category
UI & Widgets
Tags
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 Frederico Sousa who created this component.
Dependencies
See all 2 dependencies
Requirements
Platform
11.0.0.200
Database
All
Stack
All
Component Consumers
No consumers yet.
Weekly Downloads 
Related Components
Silk UI Web
OutSystems R&D
A fully responsive and beautiful UI framework that works within the OutSystems Platform. Build amazing looking applications, in a fraction of the time, which work perfectly across devices. Learn how to start using Silk UI and see the examples at silkui.outsystems.com . Obtain assistance on using Silk UI in our forums .
28553
Multiple File Upload
Multi Uploaders
Allow you to upload multiple files in one upload form or using drag and drop functionality.
2776
OutSystems UI Mobile
OutSystems R&D
Create amazing native mobile applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
10043
More from Frederico Sousa
Drag-n-drop Sortable List
Renato Pauleta
Allows to sort elements in list records or table records using drag-n-drop
1479
IBM Watson IoT
IBM Watson IOT Team
Connector for IBM Watson IoT Hub that allows to receive stream data from devices and to send messages to control devices.
67
Compressed Viewstate
Frederico Sousa
Monitoring the size of the viewstate is very important because the viewstate is sent to the server and client on every (ajax) request. This component calculates the size of the compressed viewstate of your page and displays the size of it. Just drag the widget to somewhere on your page, change the site property to true, and everytime you load your page you'll be able to quickly see on your screen the compressed viewstate size. In this new version the display of the size of the viewstate is automatically refreshed after every ajax request.
99