Switch to a Promise for watching upload completion of storage sample.

Nicolas Garnier · Nicolas Garnier · commit b37b64388098 · 2016-07-20T15:03:53.000+02:00
Change-Id: I71d0afc1a6b4166eb75c7016939c44eacb8ad3bc
diff --git a/storage/index.html b/storage/index.html
@@ -85,22 +85,19 @@ <h6>File URL:</h6>
       };
 
       // Push to child path.
-      var uploadTask = storageRef.child('images/' + file.name).put(file, metadata);
-
-      // Listen for errors and completion of the upload.
       // [START oncomplete]
-      uploadTask.on('state_changed', null, function(error) {
-        // [START onfailure]
-        console.error('Upload failed:', error);
-        // [END onfailure]
-      }, function() {
-        console.log('Uploaded',uploadTask.snapshot.totalBytes,'bytes.');
-        console.log(uploadTask.snapshot.metadata);
-        var url = uploadTask.snapshot.metadata.downloadURLs[0];
+      storageRef.child('images/' + file.name).put(file, metadata).then(function(snapshot) {
+        console.log('Uploaded', snapshot.totalBytes, 'bytes.');
+        console.log(snapshot.metadata);
+        var url = snapshot.metadata.downloadURLs[0];
         console.log('File available at', url);
         // [START_EXCLUDE]
         document.getElementById('linkbox').innerHTML = '<a href="' +  url + '">Click For File</a>';
         // [END_EXCLUDE]
+      }).catch(function(error) {
+        // [START onfailure]
+        console.error('Upload failed:', error);
+        // [END onfailure]
       });
       // [END oncomplete]
     }
