<center><h2>𝓖𝓻𝓮𝓮𝓽𝓲𝓷𝓰𝓼</h2></center>
<div class="text-justify">

Hi Hive Learners, I hope you all are well. In the previous lecture, we learn how to get the Image Uri and Upload it to Firebase Storage. There is another way to save the Profile Image during the Signup. We only need to add the Image Uri with the UsersData. It will auto-upload the image and save it in Firebase User Profile Data. I also missed some useful code to share in the last lecture. It helps us to get the correct Image Uri. I will share it today. Let's get started.

![](https://images.ecency.com/DQmXyX8MUk9rmv8yaxsZa7Q4V3m8jtDpZJFDsPbLGgrkyvi/multi_purpose_8_.png)

## [GitHub Link](https://github.com/faisalamin9696/HiveLearners2)

Use this GitHub project to clone into your directory. The following lecture will update it so you will never miss the latest code. Happy Coding!

## What Should I Learn

- Save the image Profile with UserData

## Assignment

- Save user Profile image

## Procedure

First, we need to get the correct Image Uri of the captured image using the camera. Here are some functions that help us to get the correct Image Uri. I found this solution from the [StackOverFlow](https://stackoverflow.com/). First, we get the tempUri of the selected file sometimes it does not work with firebase with the latest Android Versions. So we need to get use the getRealPathFromURI to get the correct patch of the File and we can parse this File to correct Uri.

```
 public Uri getImageUri(Context inContext, Bitmap inImage) {
        ByteArrayOutputStream bytes = new ByteArrayOutputStream();
        inImage.compress(Bitmap.CompressFormat.JPEG, 100, bytes);
        String path = MediaStore.Images.Media.insertImage(inContext.getContentResolver(), inImage, "Title", null);
        return Uri.parse(path);
    }

    public String getRealPathFromURI(Uri uri) {
        String path = "";
        if (getContentResolver() != null) {
            Cursor cursor = getContentResolver().query(uri, null, null, null, null);
            if (cursor != null) {
                cursor.moveToFirst();
                int idx = cursor.getColumnIndex(MediaStore.Images.ImageColumns.DATA);
                path = cursor.getString(idx);
                cursor.close();
            }
        }
        return path;
    }
```

We need to set a Global variable profileImageUri and we will update it on the Activity result. 

![](https://images.ecency.com/DQmdMP37QFehyRk1ctps2s2JwMmkTThkdxyG5zJURp1UvUE/image.png)

Remove/Comment the upload image line from the ActivityRersult section and save the Uri to the variable.

![](https://images.ecency.com/DQmWGYYaNhLvBouW2Q5BJrx7wL3uuPqBk6sXSfRdVxLWBLg/image.png)

Now we need to use this profileImageUri in UserProfileChangeRequest.

```
UserProfileChangeRequest profileUpdates = new UserProfileChangeRequest.Builder()
                            .setDisplayName(username)
                            .setPhotoUri(profileImageUri)
                            .build();
```

![](https://images.ecency.com/DQmZ7a1hyjVHA6JMkZcbNB5JoFaApHnAK1TD82BkjTySSeW/image.png)

We also need to set the check before this.

![](https://images.ecency.com/DQmXdMqdXKdApLgddD3bkUw7JsU8LQYWTpUUTDUR4KbbQch/image.png)

We can set an image source in the XML file to show the Profile Image Icon.

![](https://images.ecency.com/DQmS1PY8FdjKstjJccqLYx2Yv9UeXC6yptXbUJu7MXa7eew/image.png)


All Done! Now when a user signup Firebase will store this selected profile image to UserProfile.</div>

<center>
![hl_divider.png](https://images.ecency.com/DQmabQycJhW8DT8a634z3wQaVXvPZ5KMii2LYbaWZ3PsaRy/hl_divider.png)

<h2>Thank You</h2>

![hl_footer_banner.png](https://images.ecency.com/DQmZ4HF3hjV4HwJXuw8vRJ6B6CiMC3kUkkoihjtm7z2Gii7/hl_footer_banner.png)
<div class="pull-left"><a href="https://discord.gg/7Bzqv4qUMT">
<img src="https://cdn.steemitimages.com/DQmXd6PwGUHRgSDkWtwKfDvdFpaLHXvXBdK7wnYZeqe1GUa/discord_animation_logo.gif"/></a>
</center>