使用输入文件从Firebase获取图像

Question

那是我的功能： 在我看来，即时通讯使用的是模态代码：

const { PassThrough, pipeline } = require('stream')
const a = new PassThrough().on('end', console.log.bind(console, 'a'))
const b = new PassThrough().on('end', console.log.bind(console, 'b'))
const c = new PassThrough().on('end', console.log.bind(console, 'c'))
pipeline(a, b, c, () => {})
a.end()

onUpload(e) {
  // console.log('subir', e.target.files[0]);
  const id = Math.random().toString(36).substring(2);
  const file = e.target.files[0];
  const filePath = `uploads/recipes/photo_${id}`;
  const ref = this.storage.ref(filePath);
  const task = this.storage.upload(filePath, file);
  this.uploadPercent = task.percentageChanges();
  task.snapshotChanges().pipe(finalize(() => this.urlImage = ref.getDownloadURL())).subscribe();
}

并且我将src设为未知。我使用的是相同的方法，但是使用输入文本而不是文件，所以我可以上传并显示图像。