Whats up world, as we speak we’re going to find out how we will upload an image to firebase storage from our android app. We’ll see how we will present add progress
a picture for the consumer.
fire base storage offers utility to make use of to add the file and get the url of that uploaded file so we will entry our file through the hyperlink. Let’s have a look at the ultimate consequence that we’re going to study.

Earlier than we begin with the code, we have to allow Firebase storage in our Firebase mission. Open your Firebase console and choose the mission and click on on storage after which observe the directions on the display.

After creating the storage, we have to change our storage rule in order that we will entry the storage with authentication.

Open your guidelines and alter the if situation and substitute != to ==.

After making your adjustments, hit the publish button and we’re able to go.

In your Android mission, add these dependencies to work with Firebase storage.

Add this on the construct.gradle mission stage.

the primary dependency is for firebase storage and the final dependency is for choose images from gallery or camera.

After including the dependencies.
Let’s have a look at what duties we should carry out to add a picture to the firebase..

1. Select a picture from the gallery or from the digicam.
2. Shows the chosen picture within the ImageView.
3. Add picture on button click on.
4. Present progress bar throughout add.
5. After importing, get the uploaded picture hyperlink.

Select a picture from Gallery or Digicam

Step one is to decide on the picture from the gallery or digicam for that we are going to use this library.
https://github.com/Dhaval2404/ImagePicker. Let’s create our format so we will button and picture view. Open your activity_main.xml file and add this code.

Within the format, we have now a picture view to show the picture once we select it from the gallery. A progress bar and a textual content view to indicate the add progress of a picture and an add button to begin importing. A easy design.

We are going to select a picture within the picture view click on, we have to add a click on listener and write the code to begin the exercise to decide on a picture. See the next code.

Within the above code, we initialize the picture picker and get the URI of the picture within the onActivityResult methodology. Let’s override this methodology in our class.

Present chosen picture in ImageView

After getting the picture URI, we’ll set the URI to imageview so the consumer can inform which picture they selected.

Word: In the event you get the FileNotFound exception, add android:requestLegacyExternalStorage=”true” to the appliance tag within the manifest.xml file.

We’re storing the URI of the picture within the variable.

See additionally:
Android bottom sheet

Add picture on button click on

Now we’ll add the picture with the clicking of the button. Let’s implement the button click on perform.

First, we get the storage reference, then we add the picture to the photographs folder, after which we concatenate the unique picture title with the file format utilizing the getLastPathSegment URI methodology. This methodology returns the title of the file.

After that, we add the picture utilizing uploadImageRef and name its putFile methodology and move our file Uri.

Then we’ll add successful listener and a fail listener. When your file is uploaded efficiently addOnSuccessListener might be known as and when there’s any error addOnFailureListener might be known as.

Now see find out how to present progress bar throughout add.

Present progress bar throughout add

To point out the progress whereas the file or picture is importing. We’ll add addOnProgressListener to UploadTask. Test the next code.

Within the addOnProgressListener methodology, we calculate the progress by multiplying 100 with the loaded information and dividing by the full measurement of the file or picture.

Then we set the progress bar progress and in addition set the textual content view textual content to indicate the progress. On this method, we simply calculate the progress and set the progress bar.

Typically we have now the case once we use putStrem and move the InputStrem object as an alternative of putFile. On this case, if we name the getTotalByteCount methodology we get -1 again. To get the file measurement of the InputStream, you need to use the tactic obtainable to get the present information measurement. Word that you just name the obtainable methodology proper after the InputStream methodology.

Now all that is still is to acquire the hyperlink of the file that we have now simply uploaded.

After add get uploaded picture hyperlink

To get the obtain hyperlink of the picture or file, we have to add code within the success detector of UploadTask.

This manner we will get our obtain hyperlink of the file we simply uploaded.

It can save you this URL to the database for later use.

Now you possibly can run your mission and your software will work with none issues.

In the event you realized one thing new, please share this text with your pals and batchmates and do not forget to join our publication if you have not already signed up for the newest updates.

Thanks for studying have a pleasant day.