javascript - 尝试上传到存储时出现 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);
};