上传到firebase不起作用

Question

我试图将图片上传到firebase但它不起作用。 这是我的代码：

var file = $("#fileUpload")

    var ref = firebase.storage().ref('img');

    ref.put(file).then(function(snapshot) {
      console.log('Uploaded a blob or file!');
    });

这是html代码：

<li onClick={this.upload}>
    <a>
     <input type="file" id="fileUpload" />
     <i className="fa fa-upload"></i>
    </a>
</li>

这是错误：

  

“Firebase存储：索引0处的put中的参数无效：预期的Blob   或文件。“

Answer 1

您无法将HTML元素传递给StorageRef.put()。它期望（如错误消息所示）Blob或File。

有关如何从网页上传的示例，请参阅documentation on uploading files。我还建议您使用Firebase codelab for web，它会引导您构建一个完整的网络聊天应用，其中包括上传图片。