javascript imgタグの画像をbase64文字列に変換する

javascript imgタグの画像をbase64文字列に変換する

javascriptで、toDataURLを使って、imgタグの画像をbase64文字列に変換するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

toDataURL使い方

toDataURLを使えば、imgタグの画像をbase64文字列に変換することが可能です。

サンプルコード

以下は、
「変換」ボタンをクリックすると、imgタグの画像をbase64文字列に変換して、textareaに表示する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

変換できていることが確認できます。