Cacher is the code snippet organizer for pro developers

$('#file_upload_input').on('change', function(event) {
        
            if (this.files && this.files[0]) {
                var reader = new FileReader();

                reader.onload = function (e) {
                    $('#image_preview').attr('src', e.target.result);
                };

                reader.readAsDataURL(this.files[0]);
            }
        });