上传位于 Angular 项目目录中的文件/图像

Question

我想上传一个文件，该文件存储在我的 angular assets 目录中。下面是我用来将文件上传到 firebase 的代码。

    const file = this.selectedProPic;
    const filePath = `${this.uid}/propic`;
    const fileRef = this.afStorage.ref(filePath);
    this.taskProPic = this.afStorage.upload(filePath, file);

在这里，文件变量被分配给从 html 文件上传器中选择的文件。我需要修改此部分/“文件”变量以选择位于 assets/img/default-avatar.jpg 的文件。我尝试使用 toPath 和 pathToFileURL 以及谷歌搜索。但他们都没有工作

Answer 1

你可以使用 Angular 的http client:

this.http.get('assets/filename.txt', {responseType: 'text'})
    .subscribe(data => { 
         const file = data;
         const filePath = `${this.uid}/propic`;
         this.afStorage.upload(filePath, file);
    });

根据文件类型，您可能希望设置适当的 responseType。