上载带有Firebase存储的base64映像

Question

我正在制作这个应用程序，用户可以有一张个人资料图片（但只有一张图片每人）。我得到了所有的设置，但当图片是2MB+时，它需要一些时间来加载，实际上我只需要图片是50KB左右（只有图片的小显示，最大40像素）。我做了一些代码将图像直接放入实时数据库（转换为画布并使它们成为一个7KB的base64字符串）。但是，这并不是真的干净，最好使用Firebase存储。

自从新的更新3.3.0以来，您可以使用putString（）方法将Base64格式的字符串上传到存储区。然而，当我上传我的画布图像（以“data：image/jpeg；base64,”开头）时，我得到了错误：

这个错误是因为画布图像在开始时的字符串导致的吗？我找遍了整个堆栈，但似乎找不到答案。

Answer 1

天哪，我已经忙了很长时间了，但就在我发布了这个之后，我自己就找到了答案。解决方案是获取base64变量并删除前23个数字（so：“data：image/jpeg；base64,”）并将其上传到Firebase存储。现在它被接受了，您可以通过以下方式将链接放入实时数据库：

var storageRef = firebase.storage().ref().child("Whatever your path is in Firebase Storage");
var imageRef = "Your path in the Realtime Database";

    storageRef.getDownloadURL().then(function(url) {
        imageRef.child("image").set(url);
    }); 

    var task = storageRef.putString("Your base64 string substring variable", 'base64').then(function(snapshot) {
         console.log('Uploaded a base64 string!');
         });