画像データを直接送れない場面・・・ 例えば画像そのものをPOST送信するときとか、URLに変換したいときとか そんなときに 画像データを base64形式 に変換する方法 をまとめました。 難しそうと思ってたけど、JavaScriptだけの機能で簡単にできます。 base64とはそもそも何なのか・・・ まあ base64 なんて日常生活じゃまず聞かない言葉ですよね。 これはバイナリデータをテキストとして扱うための規格 元々メールとかで使われてたんですが、今でも Rest API にデータを渡すときとかPOST通信するときにデータを送るために使われることがあります。 ちなみにbase64がどういうものか、特徴はこんな感じ 使える文字は64種類のみ 具体的には A-Z 、 a-z 、 0-9 、 + / = だけ。ちなみに base64形式が = で終わることが多いのは、余った部分を埋める
![JavaScriptで画像をbase64形式のURLに変換するやり方 | PisukeCode - Web開発まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc042b50306da2c2a3784ab9669448ffe02e3d42/height=288;version=1;width=512/https%3A%2F%2Fpisuke-code.com%2Fwp-content%2Fuploads%2F2018%2F08%2Fjavascript.png)