时间戳

首页 > 解决方案 > 将 base64 图像上传到 Firebase 存储会引发神秘的 Angular 错误

angular - 将 base64 图像上传到 Firebase 存储会引发神秘的 Angular 错误

问题描述

我正在尝试通过常规 Firebase api 将 base64 图像上传到 Firebase 存储。这是代码：

finalName = this.generateRandomName();
const storageRef = firebase.storage().ref(filePath);

console.log(filePath); // users/foouid
console.log(finalName); // foo.jpg
console.log(storageRef); // Reference {authWrapper: AuthWrapper, location: Location}
console.log(file); // data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAEBAQE ...

return storageRef.child(finalName).putString(file, 'base64', {contentType: 'image/jpeg'});

一切都记录了正确的信息，但由于某种原因在下一行 Angular 抛出以下错误，仅提及触发视图中的功能的按钮：

RegisterComponent.html:281
ERROR Error: [object Object]
    at viewWrappedDebugError (core.js:7595)
    at callWithDebugContext (core.js:11361)
    at Object.debugHandleEvent [as handleEvent] (core.js:11054)
    at dispatchEvent (core.js:7717)
    at core.js:8161
    at HTMLButtonElement.<anonymous> (platform-browser.js:995)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)
    at Object.onInvokeTask (core.js:3815)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188)

此外，没有在网络中发送 http 帖子。

标签： angularfirebasefirebase-storage

解决方案

原来 Firebase 存储不喜欢字符串的开头，data:image/jpeg;base64,因为该方法已经处理了它。从 base64 字符串中删除它就可以了。

推荐阅读