java - Glide 未从 firebase 加载图像

Question

我正在开发一个 Firebase 项目，但我遇到了一个问题，比如当我在 Firebase 上上传图像时，我没有在原始 apk 中获取它。我在 firebase 上上传图像并将其 URL 保存在 firebase 数据库中，然后当我使用 Recycler View 和 Glide 库加载它时，它会卡在占位符图像上，但不会加载原始图像。任何人都可以帮我解决这个问题我在下面提供了我的源代码:-

事件 Activity :-

public class EventActivity extends AppCompatActivity {

    private RecyclerView mRecyclerView;
    private ImageAdapter imageAdapter;

    private DatabaseReference mDatabaseRef;

    private List<Upload> mUploads;

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

        mDatabaseRef = FirebaseDatabase.getInstance().getReference("NotifyImages");


        mRecyclerView = findViewById(R.id.recycler_view);

        mRecyclerView.setHasFixedSize(true);

        mRecyclerView.setLayoutManager(new LinearLayoutManager(this));

        mUploads = new ArrayList<>();

        mDatabaseRef.addValueEventListener(new ValueEventListener() {
            @Override
            public void onDataChange(@NonNull DataSnapshot dataSnapshot) {
                for (DataSnapshot postSnapshot : dataSnapshot.getChildren()) {
                    Upload upload = postSnapshot.getValue(Upload.class);
                    mUploads.add(upload);
                }

                imageAdapter = new ImageAdapter(EventActivity.this, mUploads);
                mRecyclerView.setAdapter(imageAdapter);
            }

            @Override
            public void onCancelled(@NonNull DatabaseError databaseError) {

            }
        });

    }
}

上传类:-

public class Upload {
    private String mName;
    private String mImageUri;

    public Upload() {
    }

    public Upload(String name, String ImageUri) {
        if (name.trim().equals("")) {
            name = "No name";

        }


        mName = name
        ;
        mImageUri = ImageUri;

    }

    public String getName() {
        return mName;
    }

    public void setName(String name) {
        mName = name;
    }

    public String getImageUri() {
        return mImageUri;
    }

    public void setImageUri(String ImageUri) {
        mImageUri = ImageUri;
    }

}

图像适配器:-

public class ImageAdapter extends RecyclerView.Adapter<ImageAdapter.ImageViewHolder> {


    private Context mContext;
    private List<Upload> mUploads;

    public ImageAdapter(Context context, List<Upload> uploads) {
        mContext = context;
        mUploads = uploads;
    }

    @NonNull
    @Override
    public ImageViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View v = LayoutInflater.from(mContext).inflate(R.layout.image_item, parent, false);
        return new ImageViewHolder(v);
    }

    @Override
    public void onBindViewHolder(@NonNull ImageViewHolder holder, int position) {

        Upload uploadCurrent = mUploads.get(position);
        holder.textViewName.setText(uploadCurrent.getName());
//        Glide.with(mContext)
//                .load(uploadCurrent.getImageUri())
//                .centerCrop()
//                .into(holder.imageView);

        Glide.with(mContext)
                .load(uploadCurrent.getImageUri())
                .placeholder(R.mipmap.ic_launcher_round)
                .centerCrop()
                .into(holder.imageView);

    }

    @Override
    public int getItemCount() {
        return mUploads.size();
    }

    public class ImageViewHolder extends RecyclerView.ViewHolder {

        public TextView textViewName;
        public ImageView imageView;

        public ImageViewHolder(@NonNull View itemView) {
            super(itemView);

            textViewName = itemView.findViewById(R.id.text_view_name);
            imageView = itemView.findViewById(R.id.image_upload);

        }
    }
}

activity_event.xml:-

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ffffff">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </androidx.recyclerview.widget.RecyclerView>


</RelativeLayout>

ImageItem.xml:-

<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#ffffff">


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:id="@+id/text_view_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="8dp"
            android:layout_marginBottom="80dp"
            android:text="Name"
            android:textColor="@color/ColorRed"
            android:textSize="20sp" />

        <ImageView
            android:id="@+id/image_upload"
            android:layout_width="match_parent"
            android:layout_height="300dp"


            />

    </LinearLayout>

</androidx.cardview.widget.CardView>

您可以轻松复制我的代码并进行测试。如果您找到解决方案，请回答我。

Answer 1

请更改您的UploadFile()函数:

fireRef.putFile(ImageUri)
    .addOnSuccessListener(new OnSuccessListener<UploadTask.TaskSnapshot>() {
        @Override
        public void onSuccess(UploadTask.TaskSnapshot taskSnapshot) {
            Handler handler = new Handler();
            handler.postDelayed(new Runnable() {
                @Override
                public void run() {

                }
            } , 5000);

            Toast.makeText(MainActivity.this, "Upload Successfull", Toast.LENGTH_SHORT).show();
            Task<Uri> urlTask = taskSnapshot.getStorage().getDownloadUrl();
            while (!urlTask.isSuccessful());
            Uri downloadUrl = urlTask.getResult();
            Upload upload = new Upload(mainEditTextNotify.getText().toString().trim(),
                    downloadUrl.toString());
            String uploadId = mDataRef.push().getKey();
            mDataRef.child(uploadId).setValue(upload);

        }
    })

上面的代码将为您提供正确的图像 uri，您可以将其存储在数据库中。

它将为您提供正确的 uri，这将有助于在 Glide 中加载图像。

但我建议存储 Firebase 存储中的文件路径。因为如果 uri token 过期，那么您需要生成 uri token 并使用旧 token 进行更改。