如何以角度从 Firebase 存储中读取文本文件

Question

我在 Firebase 存储中上传文本文件并将一些数据存储在 Firebase 实时数据库中。做上述事情没有问题。

此外，我能够获取 firestorage 中存在的所有文件以及文本文件的 URL。 但我无法读取文本文件中的内容。

我正在使用下面的代码来获取数据

在调用以下代码之前，我在 init 中调用 getfileDetails() 方法将所有数据存储在 fileDetailList 中

 this.uploadService.fileDetailList.snapshotChanges().subscribe(

      list => {

        console.log("before fileListDetails= ");

        this.fileListDetails = list.map((item) => {

          return item.payload.val();

        });

        console.log("fileListDetails= " + JSON.stringify(this.fileListDetails)); //logs attached below

        this.FileDetailsList = this.fileListDetails;

        this.FileDetailsList.forEach((item) => {

          console.log("item= " + item.imgUrl);

        

           // to get the text from file

          this.http.get<string>(item.imgUrl).subscribe(

            (item11)=>{

              console.log("file read= "+item11); //getting error Here

              

            }

          );

        });

      }

    );

我的 uploadService.ts 方法

fileDetailList:AngularFireList<any>;

constructor(private firebase:AngularFireDatabase) { }

  getfileDetails()

  {

    console.log("getfileDetails");

    this.fileDetailList=this.firebase.list('FileDetails');

  }

日志详细信息

fileListDetails= [{"caption":"nkn,","category":"hello.txt","imgUrl":"https://firebasestorage.googleapis.com/...."}]

当我直接在浏览器中点击 imgUrl 时，我能够获取文本

Answer 1

您需要告诉 http 客户端您期望的是纯文本响应，而不是默认的 JSON请注意，当指定responseTypeJSON 以外的值时，您不需要像this.http.get<MyType>已经指定的那样提供通用参数。this.http.get(item.imgUrl,&nbsp;{responseType:&nbsp;"text"}).subscribe(...)参考：&nbsp;https ://angular.io/guide/http#requesting-data-from-a-server