upload-and-display-profile-image
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 
2.8
 (4 ratings)
upload-and-display-profile-image

Upload and Display Profile Image

Details
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

            debugger;

             $(".ImgPreview").attr("src",this.result);  

            }

        }

    });

    

});

Release notes (1.0.0)

Just upgrade the version in OS 11

Reviews (0)
More from Amit Verma