javascript - Firebase 存储 - 仅用 9B 上传

Question

我试图在我的 JS 文件 (.png) 中将文件发送到 Firebase 存储，它看起来不错，但是当我查看存储库时，该文件是 9B（已损坏？？）。我多次阅读谷歌文档，但我没有意识到我做错了什么，请帮助。

我在html上的输入...

<input name="foto aluno" id="photo" type="file"/>

我的 JS：

document.getElementById('photo').addEventListener('change', handleFileSelect, false);

var handleFileSelect = function(e){
    e.stopPropagation();
    e.preventDefault();

    var file = e.target.files[0];
    var storageRef   = top.firebase.storage().ref();

    console.log(file);

    var metadata = {
        'contentType': file.type,
        'contentLength': file.size
    };

    storageRef.child('/imagem' + file.name).put(file, metadata).then(function(snapshot) {
        
        console.log('Uploaded', snapshot.totalBytes, 'bytes.');
        console.log('File metadata:', snapshot.metadata);

        snapshot.ref.getDownloadURL().then(function(url) {
          console.log('File available at', url);
         
        });
      }).catch(function(error) {
        console.error('Upload failed:', error);
    });
};

最后是firebase 9B图片的结果

标签： javascriptfirebasefirebase-storage