File Upload And Image Preview On ChooseFile
Stable Version 2.0.0
Published on 14 May by 
Created on 11 May
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 (2.0.0)

Added Sample pages and possibility to use class instead of identifier on image preview

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 1 dependencies
Requirements
Platform
10.0.0.402
Database
All
Stack
All
Component Consumers
See all 1 consumers
Weekly Downloads 
Related Components
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.
7362
Google Maps
Labs
Google Maps is a Google Maps Javascript V3 API component, providing Web Blocks and Actions to add interactive maps, markers and directions, along with event driven functionality.
10701
OutSystems UI Web
OutSystems R&D
Create amazing web responsive applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
1279
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
1368
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.
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.