Getting image from Firebase Storage

Question

I am new to this whole Firebase Storage concept.

I did a little research and found this Glider. For adding the image to imageView. Now it is giving me this error.

How do i fix it?

Is there another way to do this?

24 09:39:00.286 14919-14919/azcrew.eatapp E/AndroidRuntime: FATAL EXCEPTION: main
  Process: azcrew.eatapp, PID: 14919
  java.lang.IllegalArgumentException: Unknown type class com.google.firebase.storage.StorageReference. You must provide a Model of a type for which there is a registered ModelLoader, if you are using a custom model, you must first call Glide#register with a ModelLoaderFactory for your custom model class
    at com.bumptech.glide.RequestManager.loadGeneric(RequestManager.java:629)
    at com.bumptech.glide.RequestManager.load(RequestManager.java:598)
    at azcrew.eatapp.halfdone.Cari$2.onSuccess(Cari.java:76)
    at azcrew.eatapp.halfdone.Cari$2.onSuccess(Cari.java:73)
    at com.google.android.gms.tasks.zzj.run(Unknown Source)
    at android.os.Handler.handleCallback(Handler.java:739)
    at android.os.Handler.dispatchMessage(Handler.java:95)
    at android.os.Looper.loop(Looper.java:155)
    at android.app.ActivityThread.main(ActivityThread.java:5696)
    at java.lang.reflect.Method.invoke(Native Method)
    at java.lang.reflect.Method.invoke(Method.java:372)
    at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:1028)
    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:823)

Here is the code

StorageReference mStorageRef = FirebaseStorage.getInstance().getReference();
final StorageReference imgRef = mStorageRef.child("images/img.jpg");
final long ONE_MEGABYTE = 1024*1024;


imgRef.getBytes(ONE_MEGABYTE).addOnSuccessListener(new OnSuccessListener<byte[]>() {
    @Override
    public void onSuccess(byte[] bytes) {
        Glide.with(Cari.this).load(imgRef).diskCacheStrategy(DiskCacheStrategy.ALL).into(kuryerImg);
    }
}).addOnFailureListener(new OnFailureListener() {
    @Override
    public void onFailure(@NonNull Exception e) {

    }
});

score 4 · Answer 1 · edited Jul 24 '17 at 09:01

4

I have the other way to solve the problem.

You could get the download URL of the image. That's the code from the Google's guide.

StorageReference storageRef = 
  FirebaseStorage.getInstance().getReference();    
 storageRef.child("users/me/profile.png").getDownloadUrl()
.addOnSuccessListener(new OnSuccessListener<Uri>() {
@Override
public void onSuccess(Uri uri) {
    // Got the download URL for 'users/me/profile.png'
    })
.addOnFailureListener(new OnFailureListener() {
  @Override
  public void onFailure(@NonNull Exception exception) {
    // Handle any errors
   }
});

And if you need a guide to download image to your device, here is a Stackoverflow link: Download Image from URL

edited Jul 24 '17 at 09:01

Shaifali Rajput

1,279
12
30

answered Jul 24 '17 at 08:19

Titusz Tatai

63
7

But i don't want to user download and save someone else's photo to his phone – Akhundzade Jul 24 '17 at 08:31
Sorry but i don't know exactly what do you would like to do. Can you describe what are you planning to do? – Titusz Tatai Jul 24 '17 at 08:51
then go for storage rules: https://firebase.google.com/docs/storage/security/start – Shaifali Rajput Jul 24 '17 at 08:52
and this url will not download your image automatically. this will give you a direct link to your image saved in firebase storage. – Shaifali Rajput Jul 24 '17 at 08:56
I understand now. You would like to save to the memory, and you are using it only for drawing it to the screen. – Titusz Tatai Jul 24 '17 at 08:57

score 4 · Accepted Answer · answered Jul 24 '17 at 08:58

4

Use FirebaseImageLoader

Glide.with(this /* context */)
    .using(new FirebaseImageLoader())
    .load(storageReference)
    .into(imageView);

answered Jul 24 '17 at 08:58

Fr099y

734
7
15

score 0 · Answer 3 · answered Jul 24 '17 at 09:44

Use Universal loader instead of using glide, it loads image faster than glide

   DisplayImageOptions defaultOptions = new DisplayImageOptions.Builder()
        .cacheOnDisc(true).cacheInMemory(true)
        .imageScaleType(ImageScaleType.EXACTLY)
        .displayer(new FadeInBitmapDisplayer(300)).build();

ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(
        getApplicationContext())
        .defaultDisplayImageOptions(defaultOptions)
        .memoryCache(new WeakMemoryCache())
        .discCacheSize(100 * 1024 * 1024).build();

ImageLoader.getInstance().init(config);

final ImageLoader imageLoader = ImageLoader.getInstance();

final DisplayImageOptions options = new DisplayImageOptions.Builder().cacheInMemory(true)
        .cacheOnDisc(true).resetViewBeforeLoading(true)
        .showImageForEmptyUri(R.mipmap.preview)
        .showImageOnFail(R.mipmap.preview)
        .build();


 mdatabase.child(Table_item).addValueEventListener(new ValueEventListener() {


    @Override
    public void onDataChange(DataSnapshot dataSnapshot) {
        Map map = (Map) dataSnapshot.getValue();
        String image1 = (String) map.get("imagename");
        String image2 = (String) map.get("image2name");
        imageLoader.displayImage(ImageView1, image1, options, new ImageLoadingListener() {

            @Override
            public void onLoadingStarted(String imageUri, View view) {

            }

            @Override
            public void onLoadingFailed(String imageUri, View view, FailReason failReason) {
                progressBar.setVisibility(View.GONE);
            }

            @Override
            public void onLoadingComplete(String imageUri, View view, Bitmap loadedImage) {


            }

            @Override
            public void onLoadingCancelled(String imageUri, View view) {
                progressBar.setVisibility(View.GONE);
            }
        });
        imageLoader.displayImage(ImageView2, image2name, options, new ImageLoadingListener() {
            @Override
            public void onLoadingStarted(String imageUri, View view) {

            }

            @Override
            public void onLoadingFailed(String imageUri, View view, FailReason failReason) {
                progressBar.setVisibility(View.GONE);
            }

            @Override
            public void onLoadingComplete(String imageUri, View view, Bitmap loadedImage) {
                i++;
                progressstatus(i);
            }

            @Override
            public void onLoadingCancelled(String imageUri, View view) {
                progressBar.setVisibility(View.GONE);

            }
        });

use following Dependency:

compile 'com.nostra13.universalimageloader:universal-image-loader:1.9.5'

Getting image from Firebase Storage

3 Answers3