尝试上传到存储时出现 Firebase 错误

Question

尝试上传到 Firebase 时，我在控制台中遇到下一个错误：

Uncaught FirebaseError: Firebase Storage: Invalid argument in `put` at index 0: Expected Blob or File.

js:

var file, fileName, fileRef, storageImagesRef, storageRef, uploadTask;
var storageFolder = '/pictures/';

function getFileName(fileInput) {
file = fileInput.files;
fileName = file[0].name;
storageRef = firebase.storage().ref(storageFolder + fileName);
uploadTask = storageRef.put(file);

};

html

<input type="file" onchange="getFileName(this)" accept=".png, .jpg, .bmp, .JPEG, .JPG, .svg, .tiff, .gif">

我做错了什么？

Answer 1

问题在于您的代码中使用file 变量的方式。该变量被分配了FileList - 这是您传递给put 的内容。如果您将其分配给File，则不会那么混乱：

function getFileName(fileInput) {

    file = fileInput.files[0];
    fileName = file.name;
    storageRef = firebase.storage().ref(storageFolder + fileName);
    uploadTask = storageRef.put(file);
};