使用 Angular 将 EditorJS 图像上传到 Firestorage

问题描述

我正在为 Angular 应用程序使用编辑器 JS。当我将图像工具与 Firebase 一起使用时，我得到“无法读取未定义的属性‘ref’”。这是我的 .ts 文件：

image: {
      class: Imagetool,config: {
        uploader:{
          
          uploadByFile(file : File) {
            const path = `post/${Date.Now()}_${file.name}`;
            const ref = this.storage.ref(path);
            const task = this.storage.upload(path,file);
            return new Promise((resolve,reject) => {
              task.snapshotChanges()
                .pipe(
                  finalize( () => {
                    ref.getDownloadURL()
                      .subscribe(url => {
                        console.log(url);
                        let res = {
                          success: 1,file: {
                            url : url
                          }
                        }
                        resolve(res);
                      },error => {
                        console.log(error);
                        reject(error);
                      })
                  }))
                .subscribe( url => {
                  if(url){
                    console.log(url);
                  }
                })
            })
          }
      }
  }
}

应该如何在 Image 块中定义 firebase 存储？如果我只做 this.storage.upload 我会得到同样的错误

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）