android - 图像未显示在 webview 上

Question

我将一些 html 文本（包含 img 标签）上传到 Firestore（图像上传到 Firebase 存储）。当我尝试让这些 html 数据显示到 webview 上时，我只得到文本，没有图像

这是我用来将 HTML 上传到 FireStore 的代码

 storageReference.child(System.currentTimeMillis() + ".png").putFile(file_uri).addOnSuccessListener(new OnSuccessListener<UploadTask.TaskSnapshot>() {
                @Override
                public void onSuccess(UploadTask.TaskSnapshot taskSnapshot) {
                    post_img_url = String.valueOf(taskSnapshot.getDownloadUrl());
                    String HTML = editor.getContentAsHTML().replace(uuid_, post_img_url);

                    Question_model question_model = new Question_model(mAuth.getUid(), HTML);

                    mFireStoredbReference.collection("Questions").add(question_model).addOnCompleteListener(new OnCompleteListener<DocumentReference>() {
                        @Override
                        public void onComplete(@NonNull Task<DocumentReference> task) {
                            Toast.makeText(Forum.this, "Question added", Toast.LENGTH_SHORT).show();
                            startActivity(new Intent(Forum.this, ListQuestions.class));
                            finish();
                        }
                    });
                }
            });

我尝试从问题集合中获取这些数据

firebaseFirestore.collection("Questions").addSnapshotListener(new EventListener<QuerySnapshot>() {
                @Override
                public void onEvent(@Nullable QuerySnapshot queryDocumentSnapshots, @Nullable FirebaseFirestoreException e) {

                    if (e instanceof com.google.firebase.firestore.FirebaseFirestoreException) {
                       // Log.d(TAG, "onEvent: The error is " + e);

                    } else {
                        try {
                            for (DocumentChange doc : queryDocumentSnapshots.getDocumentChanges()) {

                                if (doc.getType() == DocumentChange.Type.ADDED) {
                                    Question_model model = doc.getDocument().toObject(Question_model.class);
                                    question_modelList.add(model);
                                    questionAdapter.notifyDataSetChanged();
                                }
                            }
                        } catch (Exception e2) {

                        }
                    }
                }
            });

这是我的 recyclerview 适配器

public class QuestionAdapter extends RecyclerView.Adapter<QuestionAdapter.MyViewHolder> {

Context ctx;
FirebaseFirestore mFirebaseFirestore;
private List<Question_model> question_modelList;

public QuestionAdapter(List<Question_model> question_modelList, Context ctx) {
    this.question_modelList = question_modelList;
    this.ctx = ctx;
}


@Override
public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {


    View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.question_individual, parent, false);

    return new MyViewHolder(view);
}

@Override
public void onBindViewHolder(final MyViewHolder holder, int position) {

    mFirebaseFirestore = FirebaseFirestore.getInstance();
    String user_id = question_modelList.get(position).getUser_id();

    mFirebaseFirestore.collection("users").document(user_id).get().addOnCompleteListener(new OnCompleteListener<DocumentSnapshot>() {
        @Override
        public void onComplete(@NonNull Task<DocumentSnapshot> task) {
            if (task.isSuccessful()) {
                holder.user_name.setText(task.getResult().getString("user_name"));
            } else {

            }
        }
    });
    Log.d("Asis", "onBindViewHolder: "+question_modelList.get(position).getContent_html());
        holder.question.loadData(question_modelList.get(position).getContent_html(),"text/html","utf-8");
}

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

public class MyViewHolder extends RecyclerView.ViewHolder {

    TextView user_name;
    WebView question;


    public MyViewHolder(View itemView) {
        super(itemView);
        user_name = itemView.findViewById(R.id.user_name);
        question = itemView.findViewById(R.id.question);
        question.getSettings().setJavaScriptEnabled(true);
        question.getSettings().setLoadsImagesAutomatically(true);
        question.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_COMPATIBILITY_MODE);
        question.getSettings().setDomStorageEnabled(true);

    }


}

}

标签： androidfirebaseandroid-studiogoogle-cloud-firestore

Answer 1

您可以使用 Glide 从 Firebase 存储中轻松下载图像。
首先，将 FirebaseUI 添加到您的 app/build.gradle：

dependencies {
// FirebaseUI Storage only
implementation 'com.firebaseui:firebase-ui-storage:0.6.0'} 

然后就可以直接从 Storage 中加载图片了：

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