错误：尝试将文件上传到 Firebase 存储时出现“无效参数”答案

【问题标题】：Error: 'invalid argument' when trying to upload a file to firebase storage错误：尝试将文件上传到 Firebase 存储时出现“无效参数”
【发布时间】：2020-04-23 09:08:24
【问题描述】：

我在尝试将图像上传到 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);

我已经尝试了几个小时将图像上传到 Firebase 存储，但是没有成功。我假设问题可能与我的 put() 函数有关。

【问题讨论】：

标签： javascript html google-cloud-firestore firebase-storage

【解决方案1】：

该错误与安全规则无关。您将无效参数传递给 put()。仔细阅读消息：

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

您传递了一个字符串，但 API 需要一个 Blob 或 File 对象。您可能需要查看 documentation for uploading files 以了解如何正确执行此操作的示例。

【讨论】：