JavaScript で画像をバイナリ変換する方法

Question

JavaScriptで画像をバイナリ画像に変換したのですが、はじめにへんな文字列が入ってきます。
はじめの「data:image/png;base64,」の文字列を含まないバイナリ変換の方法
もしくは
base64[23:]のような除外の仕方以外で、いらない文字列を除外して読み込む方法はないでしょうか？

var base64 = canvas.get(0).toDataURL('image/jpeg');
     
>>>
data:image/png;base64,R0lGODlhDAAMAKIFAF5LAP/z〜

Answer 1

base64[23:]のような除外の仕方以外で、いらない文字列を除外して読み込む方法はないでしょうか？

以下ではどうでしょうか？
atob(base64.split("base64,")[1]);

Answer 2

DataURL は文字列にすぎないことがわかります。

• MDN データURL
• Wikipedia Data URI scheme

ですので、正規表現で分解することで対応できるのではないでしょうか。

---

CODEPEN parseDataURL() （2012年ごろ作ったコードです）

得られるオブジェクトの data プロパティを加工してバイト配列など変換する形になります。