将图像文件转换为 Blob

Question

我有以下代码：

var file = document.getElementById("image1");
var filename = file.files[0].name;
//console.log("Archivo: " + filename);
var storageRef = firebase.storage().ref();
var ref = storageRef.child('imagenes/'+filename);

var reader = new FileReader();
var rawData;

reader.onload = function(e) {
    rawData = reader.result;   
}

reader.readAsBinaryString(file);

ref.put(rawData).then(function(snapshot){

});

File -> 获取数据文件输入（一张图片）。

我想在发送表单的那一刻将此文件转换为 blob，以 BLOB 格式将图像上传到 Firebase 存储，我该怎么做？ 我使用了fileReader，但总是返回相同的错误：

“FileReader”上的“readAsBinaryString”：参数 1 不是“Blob”类型。

如何将文件图像转换为 blob？

Answer 1

您不能像现在这样在 onload 函数中简单地设置rawData。到ref.put() 运行时，onload 函数将不会被调用，因此 rawData 将始终未定义。 ref.put() 将文件作为其参数，因此只需使用ref.put(file.files[0])（无需阅读器）：

var file = document.getElementById("image1");
var filename = file.files[0].name;
//console.log("Archivo: " + filename);
var storageRef = firebase.storage().ref();
var ref = storageRef.child('imagenes/'+filename);

ref.put(file.files[0]).then(...);

另见非常常见的：How do I return the response from an asynchronous call?