fix: upload task not saving url on multiupload

Author: codediodeio

database.rules.json

@@ -1,6 +1,14 @@
 {
   "rules": {
-    ".read": "auth != null",
-    ".write": "auth != null"
+    ".read": true,
+    ".write": false,
+
+    "posts": {
+      ".write": "auth != null",
+    },
+
+    "uploads": {
+      ".write": "auth != null",
+    }
   }
 }

firebase-debug.log

@@ -11,7 +11,6 @@ export class UploadService {
   constructor(private db: AngularFireDatabase) { }
 
   private basePath:string = '/uploads';
-  private uploadTask: firebase.storage.UploadTask;
   uploads: FirebaseListObservable<Upload[]>;
 
 
@@ -34,9 +33,9 @@ export class UploadService {
   // Executes the file uploading to firebase https://firebase.google.com/docs/storage/web/upload-files
   pushUpload(upload: Upload) {
     let storageRef = firebase.storage().ref();
-    this.uploadTask = storageRef.child(`${this.basePath}/${upload.file.name}`).put(upload.file);
+    let uploadTask = storageRef.child(`${this.basePath}/${upload.file.name}`).put(upload.file);
 
-    this.uploadTask.on(firebase.storage.TaskEvent.STATE_CHANGED,
+    uploadTask.on(firebase.storage.TaskEvent.STATE_CHANGED,
       (snapshot) =>  {
         // upload in progress
         upload.progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100
@@ -47,7 +46,7 @@ export class UploadService {
       },
       () => {
         // upload success
-        upload.url = this.uploadTask.snapshot.downloadURL
+        upload.url = uploadTask.snapshot.downloadURL
         upload.name = upload.file.name
         this.saveFileData(upload)
       }