如何将图像文件转换为不带前缀的base64表示形式：js＆html5中的“ data：image / jpeg; base64”

Question

我的前端有以下代码：

    let reader = new FileReader();
    reader.onload = function(e) {
        _this.imageBase64 = e.target.result;
        alert(_this.imageBase64);
        ...
    }

alert功能显示imageBase64是base64字符串，以data:image/jpeg;base64开头。

问题是，有没有任何优雅的方法可以在没有此前缀的情况下获取图像的base64字符串？ （我不想使用substring类的功能）。

由于服务器端代码将假设仅包含图像的base64表示形式读取此字符串。

Answer 1

也许base64Str.split(',').pop()是我最好的选择，因为string.slice(start, stop)和string.substring(start, stop)需要精确的索引。

似乎我们通过使用我提到的方法获得了data url （具有领先的meta数据前缀）。 优点是可以直接在某些src字段中使用url。 这就是为什么我们在前端世界中具有该前缀的原因。