我正在使用react-native和expo构建一个应用程序。该应用程序的一项功能允许用户录制音频,然后将其上传到 Firebase Storage。我设法成功录制音频,并设法以 blob 形式检索缓存文件,但在尝试将其上传到 Firebase 存储时失败,错误代码为 400,“错误请求。无法创建对象”。令我困惑的是,我使用相同的过程来上传图像,效果非常好。为什么音频文件失败?
我成功录制了音频,并使用 XMLHttpRequest 检索缓存的文件(作为 blob)。当我将其记录到控制台时输出的结果 blob 看起来像这样:
Blob {
"_data": Object {
"blobId": "lengthy blob id",
"name": "recording-XXXXXX.m4a",
"offset": 0,
"size": 371097,
"type": "audio/x-m4a",
},
}
当我尝试使用 ref.put(blob) 上传到 Firebase Storage 时,它返回 400 错误:“错误请求。无法创建对象”。我还尝试提供 contentType 作为元数据的一部分,看看这是否会产生影响,但无济于事。
这就是我获取文件的方式:
const blob = await new Promise((resolve, reject) => {
const xhr = new XMLHttpRequest();
xhr.onload = () => {
resolve(xhr.response);
};
xhr.onerror = (e) => {
reject(new TypeError('Network request failed'));
};
xhr.responseType = 'blob';
xhr.open('GET', uri, true);
xhr.send(null);
});
要将 blob 上传到 Firebase Storage,我执行以下操作:
const clientuid = 123;
const siteid = 'ABC';
const audioName = `${Date.now}.m4a`;
this.setState({ uploading: true });
const ref = firebase.storage().ref().child(`audio/${clientuid}/${siteid}/${audioName}`);
ref.put(blob)
.then(async (snapshot) => {
const fullUrl = await snapshot.ref.getDownloadURL();
// Upload the Url to Firebase realtime database...
Alert.alert('Upload Successful');
.catch((error) => {
console.log(error.serverResponse);
Alert.alert('Failed to create object!');
})
.finally(() => {
blob.close()
this.setState({ uploading: false });
});
上传失败并出现以下错误。服务器响应:
{
"error": {
"code": 400,
"message": "Bad Request. Could not create object",
"status": "CREATE_OBJECT"
}
}
在您的情况下,我认为您还可以通过使用文件路径获取文件来创建 blob。
let res = await fetch(filePath);
let blob = res.blob
就我而言,这总是有效的。