Web icon

Upload and Display Profile Image

Stable version 1.0.0 (Compatible with OutSystems 11)
Other versions available for 10
Uploaded on 17 March 2020 by 
 (4 ratings)

Upload and Display Profile Image

This project is used for upload and display image.
Read more

This component is used for upload and display image. 

It is working in traditional web app.

using JavaScript to display image at time upload.

Javascript Code :

$(function() {   

    $(".ImgUploader").on("change", function()


        var files = !!this.files ? this.files : [];

        if (!files.length || !window.FileReader) return; // no file selected, or no FileReader support


        if (/^image/.test( files[0].type)){ // only image file

            var reader_1 = new FileReader(); // instance of the FileReader

            reader_1.readAsDataURL(files[0]); // read the local file


            reader_1.onloadend = function(){ // set image data as background of div








Release notes (1.0.0)

Just upgrade the version in OS 11

Reviews (0)
More from Amit Verma