Не удалось получить URL загрузки из хранилища Firebase в Angular - PullRequest
0 голосов
/ 26 февраля 2019
import { Component, OnInit } from '@angular/core';
import { AngularFireStorage, AngularFireUploadTask, AngularFireStorageReference } from 'angularfire2/storage';

import { Observable } from 'rxjs';

@Component({
  selector: 'app-file-upload',
  templateUrl: './file-upload.component.html',
  styleUrls: ['./file-upload.component.css']
})    
export class FileUploadComponent implements OnInit {

    task: AngularFireUploadTask;

    // Progress monitoring
    percentage: Observable<number>;

    snapshot: Observable<any>;

    // Download URL
    downloadURL: Observable<string>;

    // State for dropzone CSS toggling
    isHovering: boolean;

    constructor(private storage: AngularFireStorage) { }
    ngOnInit() {

    }

    toggleHover(event: boolean) {
      this.isHovering = event;
    }


    startUpload(event: FileList) {
    // The File object
    const file = event.item(0)

    // Client-side validation example
    // if (file.type.split('/')[0] !== 'image') { 
    //   console.error('unsupported file type :( ')
    //   return;
    // }

    // The storage path
    const path = `test/${new Date().getTime()}_${file.name}`;

    const ref = this.storage.ref(path);
    // Totally optional metadata

    // The main task
    this.task = this.storage.upload(path, file);

    // Progress monitoring
    this.percentage = this.task.percentageChanges();
    this.snapshot   = this.task.snapshotChanges()

    // The file's download URL

    }

Я работаю с Angular6 и Firebase Storage и хочу получить URL-адрес для загрузки файла, загруженного в хранилище. Я попытался:

this.downloadURL = ref.getDownloadURL()

, но не получилurl.

Если я прокомментирую вышеприведенное утверждение, проект компилируется и запускается, даже файл загружается в хранилище Firebase, но я получаю эту ошибку в консоли:

HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier).
(XHR)GET - https://firebasestorage.googleapis.com/v0/b/testfirestore1-b8d7b.appspot.com/o/test%2F1551208510383_testup2.txt

Чтотакое решение моей проблемы?

...