错误:试图将文件上载到防火墙存储区时的“无效参数”

Question

在试图将图像上载到firebase存储区时，我收到了以下错误：

v {code_: "storage/invalid-argument", message_: "Firebase Storage: Invalid argument in `put` at index 0: Expected Blob or File.", serverResponse_: null, name_: "FirebaseError"}
name: (...)
code: (...)
message: (...)
serverResponse: (...)
code_: "storage/invalid-argument"
message_: "Firebase Storage: Invalid argument in `put` at index 0: Expected Blob or File."
serverResponse_: null
name_: "FirebaseError"
__proto__: Object

这是我的密码

​

<div>
     <h1>Upload file</h1>
     <label class="upload-group">
           <input type="file" onchange="handleFileSelect(this)" id="file">
     </label>
           <button type="button" id="uploadButton" onclick="uploadFile()">Submit</button>
</div>

​

​

function handleFileSelect() {
  $(".upload-group").show();
  return document.getElementById('file').files[0];
};


function uploadFile() {
  var filename = handleFileSelect().name;
  var storageRef = firebase.storage().ref('/dogImages/' + filename);
  var uploadTask = storageRef.put(selectedFile);

​

我已经尝试了几个小时来上传一张图片到火柴存储，但是，它是不成功的。我假设这个问题可能与我的put()函数有关。

Answer 1

这个错误与安全规则无关。您正在向put()传递一个无效的参数。仔细阅读信息：

防火墙存储:索引0处的put中的无效参数:预期的Blob或File。

您传递了一个字符串，但是API需要一个Blob或File对象。您可能需要查看上传文件的文档，以获得如何正确执行此操作的示例。