如何在没有前导前缀的情况下将图像文件转换为其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（具有前导元数据前缀）。优点是该URL可以直接用于某些src领域。这就是我们在前端世界中拥有该前缀的原因。