使用 Angular 9 从 Firebase 存储中删除图像

Question

`您能帮忙从 Firebase 存储中删除图像吗？ 我的代码如下，但它不会从存储中删除图像：

从“@angular/fire/storage”导入{ AngularFireStorage}； ………… 私人存储：AngularFireStorage ………… `删除图像（照片）{ 返回 this.storage.storage.refFromURL(photoo).delete(); }

 <div class="col-md-3 bodyshadow center" *ngFor="let photo of photoo">
            <div class="card">
              <div class="card-header">
                <a (click)="delete_photo(photo.id)" placement="bottom" mdbTooltip="Delete " class="btn btn-danger btn-block"><i style="color: #fff" class="fas fa-trash-alt"></i></a>
              </div>
              <div class="card-body">
                <img src="{{photo.downloadURL}}" class="card-img-top" alt="..."/>
              </div>
            </div>
        </div>

Answer 1

在你的组件中

constructor(private photoService: yourService) { } 
async ngOnInit() {
   await this.photoService.getAll()
      .then(response => {
        this.AllCard = response;
      }).catch(err => console.log("some error: ", err);)
  }
async deletePhoto(photoId) {
    this.photoService.deletePhoto(photoId)
      .then(async response => {
        console.log("response: ", response);
         await this.photoService.getAll()
      .then(response => {
        this.AllCard = response;
      }).catch(err => console.log("some error: ", err);)
      }).catch(err => console.log("some error: ", err);)
  }

为您服务

constructor(private db: AngularFireDatabase) {}

deletePhoto(photoId) {
 const storageRef = db.storage().ref();
 storageRef.child('photo/' + photoId).delete();
  }

我假设；您将安装库，配置 连接到数据库。