Изображения не отображаются после сохранения / отправки в базу данных Firebase - PullRequest
3 голосов
/ 17 июня 2020

Я пытаюсь создать приложение для чата, но столкнулся с проблемой. Когда я пытаюсь загрузить изображение профиля, а затем сохранить его в firebase. Указанное изображение, которое я загрузил, всегда хранится в базе данных, но изображение не отображается в приложении, только пустой белый экран. Эта проблема существует во всех материалах моего проекта, связанных с image-firebase (потому что я постоянно использую один и тот же код снова и снова). В чем моя ошибка? Я что-то пропустил или сделал не так? Приветствуется любая помощь.

Я прикрепил часть кода и снимок экрана, которые могут быть связаны с моей проблемой

  1. ProfileActivity

private final String TAG = "CA / ProfileActivity";

// // Will handle all changes happening in database

private DatabaseReference userDatabase, requestsDatabase, friendsDatabase;
private ValueEventListener userListener, requestsListener, friendsListerner;

// Users data

private String currentUserId, otherUserId;

// activity_profile views

private TextView name, status;
private CircleImageView image;
private KenBurnsView cover;
private FABsMenu menu;
private TitleFAB button1, button2, button3;

@Override
protected void onCreate(Bundle savedInstanceState)
{
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_profile);

    name = findViewById(R.id.profile_name);
    status = findViewById(R.id.profile_status);
    image = findViewById(R.id.profile_image);
    menu = findViewById(R.id.profile_fabs_menu);
    cover = findViewById(R.id.profile_cover);

    otherUserId = getIntent().getStringExtra("userid");
    currentUserId = FirebaseAuth.getInstance().getCurrentUser().getUid();
}

@Override
protected void onStart()
{
    super.onStart();

    if(userDatabase != null && userListener != null)
    {
        userDatabase.removeEventListener(userListener);
    }

    // Initialize/Update realtime user data such as name, email, status, image

    userDatabase = FirebaseDatabase.getInstance().getReference().child("Users").child(otherUserId);
    userDatabase.keepSynced(true); // For offline use
    userListener = new ValueEventListener()
    {
        @Override
        public void onDataChange(DataSnapshot dataSnapshot)
        {
            try
            {
                String layoutName = dataSnapshot.child("name").getValue().toString();
                String layoutStatus = dataSnapshot.child("status").getValue().toString();
                final String layoutImage = dataSnapshot.child("image").getValue().toString();
                final String layoutCover = dataSnapshot.child("cover").getValue().toString();

                name.setText(layoutName);
                status.setText("\"" + layoutStatus + "\"");

                if(!layoutImage.equals("default"))
                {
                    Picasso.get()
                            .load(layoutImage)
                            .resize((int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 180, getResources().getDisplayMetrics()), (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 180, getResources().getDisplayMetrics()))
                            .centerCrop()
                            .networkPolicy(NetworkPolicy.OFFLINE)
                            .placeholder(R.drawable.user)
                            .error(R.drawable.user)
                            .into(image, new Callback()
                            {
                                @Override
                                public void onSuccess()
                                {

                                }

                                @Override
                                public void onError(Exception e)
                                {
                                    Picasso.get()
                                            .load(layoutImage)
                                            .resize((int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 180, getResources().getDisplayMetrics()), (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 180, getResources().getDisplayMetrics()))
                                            .centerCrop()
                                            .placeholder(R.drawable.user)
                                            .error(R.drawable.user)
                                            .into(image);
                                }
                            });

                    image.setOnClickListener(new View.OnClickListener()
                    {
                        @Override
                        public void onClick(View view)
                        {
                            Intent intent = new Intent(ProfileActivity.this, FullScreenActivity.class);
                            intent.putExtra("imageUrl", layoutImage);
                            startActivity(intent);
                        }
                    });
                }
                else
                {
                    image.setImageResource(R.drawable.user);
                }

                if(!layoutCover.equals("default"))
                {
                    Picasso.get()
                            .load(layoutCover)
                            .resize(getResources().getDisplayMetrics().widthPixels, (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 260, getResources().getDisplayMetrics()))
                            .centerCrop()
                            .networkPolicy(NetworkPolicy.OFFLINE)
                            .placeholder(R.drawable.logo_cover)
                            .error(R.drawable.logo_cover)
                            .into(cover, new Callback()
                            {
                                @Override
                                public void onSuccess()
                                {

                                }

                                @Override
                                public void onError(Exception e)
                                {
                                    Picasso.get()
                                            .load(layoutCover)
                                            .resize(getResources().getDisplayMetrics().widthPixels, (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 260, getResources().getDisplayMetrics()))
                                            .centerCrop()
                                            .placeholder(R.drawable.logo_cover)
                                            .error(R.drawable.logo_cover)
                                            .into(cover);
                                }
                            });
                }
                else
                {
                    cover.setImageResource(R.drawable.logo_cover);
                }
            }
            catch(Exception e)
            {
                Log.d(TAG, "userDatabase listener exception: " + e.getMessage());
                e.printStackTrace();
            }
        }

        @Override
        public void onCancelled(DatabaseError databaseError)
        {
            Log.d(TAG, "userDatabase listener failed: " + databaseError.getMessage());
        }
    };
    userDatabase.addValueEventListener(userListener);

    if(otherUserId.equals(currentUserId))
    {
        initMyProfile();
    }
    else
    {
        initOtherProfile();
    }
}

@Override
protected void onResume()
{
    super.onResume();

    FirebaseDatabase.getInstance().getReference().child("Users").child(currentUserId).child("online").setValue("true");
}

@Override
protected void onPause()
{
    super.onPause();

    FirebaseDatabase.getInstance().getReference().child("Users").child(currentUserId).child("online").setValue(ServerValue.TIMESTAMP);
}

@Override
protected void onStop()
{
    super.onStop();

    removeListeners();
}

@Override
protected void onActivityResult(int requestCode, int resultCode, final Intent data)
{
    super.onActivityResult(requestCode, resultCode, data);

    if(requestCode == 1 && resultCode == RESULT_OK)
    {
        Uri url = data.getData();

        //Uploading selected picture

        StorageReference file = FirebaseStorage.getInstance().getReference().child("profile_images").child(currentUserId + ".jpg");
        file.putFile(url).addOnCompleteListener(new OnCompleteListener<UploadTask.TaskSnapshot>()
        {
            @Override
            public void onComplete(@NonNull Task<UploadTask.TaskSnapshot> task)
            {
                if(task.isSuccessful())
                {
                    String imageUrl = task.getResult().toString();

                    // Updating image on user data

                    userDatabase.child("image").setValue(imageUrl).addOnCompleteListener(new OnCompleteListener<Void>()
                    {
                        @Override
                        public void onComplete(@NonNull Task<Void> task)
                        {
                            if(task.isSuccessful())
                            {
                                Toast.makeText(ProfileActivity.this, "Picture updated", Toast.LENGTH_SHORT).show();
                            }
                            else
                            {
                                Log.d(TAG, "updateImage listener failed: " + task.getException().getMessage());
                            }
                        }
                    });
                }
                else
                {
                    Log.d(TAG, "uploadImage listener failed: " + task.getException().getMessage());
                }
            }
        });
    }
    else if(requestCode == 2 && resultCode == RESULT_OK)
    {
        Uri url = data.getData();

        //Uploading selected cover picture

        StorageReference file = FirebaseStorage.getInstance().getReference().child("profile_covers").child(currentUserId + ".jpg");
        file.putFile(url).addOnCompleteListener(new OnCompleteListener<UploadTask.TaskSnapshot>()
        {
            @Override
            public void onComplete(@NonNull Task<UploadTask.TaskSnapshot> task)
            {
                if(task.isSuccessful())
                {
                    String imageUrl = task.getResult().toString();

                    // Updating image on user data

                    userDatabase.child("cover").setValue(imageUrl).addOnCompleteListener(new OnCompleteListener<Void>()
                    {
                        @Override
                        public void onComplete(@NonNull Task<Void> task)
                        {
                            if(task.isSuccessful())
                            {
                                Toast.makeText(ProfileActivity.this, "Cover updated", Toast.LENGTH_SHORT).show();
                            }
                            else
                            {
                                Log.d(TAG, "updateUserCover listener failed: " + task.getException().getMessage());
                            }
                        }
                    });
                }
                else
                {
                    Log.d(TAG, "uploadCover listener failed: " + task.getException().getMessage());
                }
            }
        });
    }
}

}

FullscreenActivity

publi c класс FullScreenActivity расширяет AppCompatActivity {@Override protected void onCreate (Bundle savedInstanceState) {super.onCreate (savedInstanceState); setContentView (R.layout.activity_full_screen);

    final String url = getIntent().getStringExtra("imageUrl");

    final ImageView image= findViewById(R.id.a_fullscreen_image);
    final TextView message = findViewById(R.id.a_fullscreen_message);

    message.setText("Loading Picture...");
    message.setVisibility(View.VISIBLE);

    Picasso.get()
            .load(url)
            .networkPolicy(NetworkPolicy.OFFLINE)
            .into(image, new Callback()
            {
                @Override
                public void onSuccess()
                {
                    message.setVisibility(View.GONE);
                }

                @Override
                public void onError(Exception e)
                {
                    Picasso.get()
                            .load(url)
                            .into(image, new Callback()
                            {
                                @Override
                                public void onSuccess()
                                {
                                    message.setVisibility(View.GONE);
                                }

                                @Override
                                public void onError(Exception e)
                                {
                                    message.setVisibility(View.VISIBLE);
                                    message.setText("Error: Could not load picture.");
                                }
                            });
                }
            });

}

}

правила Firebase

правила Firebase

Вышеупомянутая проблема в приложении

вывод для полноэкранного действия

вывод для чата (изображения предполагаются для отображения)

результат активности профиля (изображение профиля должно быть другим изображением, которое я загрузил ранее, а не изображением по умолчанию)

Сохраненные изображения в firebase

Ответы [ 2 ]

1 голос
/ 19 июня 2020

Вы передаете данные через Intent. Распечатайте layoutImage в logcat и проверьте, есть ли там ссылка.

Наиболее часто используемый метод - вы можете получить ссылку на изображение профиля прямо в полноэкранном режиме и добавить ее в свой код picasso. Будет работать.

0 голосов
/ 17 июня 2020

Я использовал Glide для получения изображений из firebase и отображения в профиле, он работал нормально.

Glide.with(getApplicationContext()).load(imagePath).into(profileImage);
...