JavaScript

[JavaScript] imgタグの画像をBase64形式に変換する

投稿日:2017年10月25日 更新日:

imgタグの画像をBase64形式に変換するサンプルです。

サンプルソース

例)canvasのデータをjpeg形式としてBase64化する

(結果例)
data:image/jpeg;base64,/9j/4AAQS...

解説

  • imgタグの画像をBase64形式に変換するには、一旦canvas要素に変換してからBase64に書き出します。
  • 上記サンプルはローカル環境だと、セキュリティ(クロスドメイン制約)のため実行できません。(※Tainted canvases may not be exportedエラーが発生します。)
    実行したい場合は、レンタルサーバー等にアップしてご確認ください。

スポンサーリンク

スポンサーリンク

-JavaScript
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] 四捨五入、切り捨て、切り上げを行う

四捨五入、切り捨て、切り上げを行うサンプルです。 四捨五入を行う 四捨五入は、Math.roundを使用します。 [cr ...

[JavaScript] 4~12,1~3 ⇔ 1~12 を相互に変換するサンプル

4~12,1~3 ⇔ 1~12 を相互に変換するサンプルです。 サンプルソース 例)4~12,1~3 ⇒ 1~12に変換 ...

[JavaScript] ブラウザの新規タブにopen.windowする

ブラウザの新規タブにopen.windowするには、 オプションを指定せずにopen.windowすればOKです。 サン ...

[JavaScript] 日付を和暦で表示する

日付を和暦で表示するサンプルです。 toLocaleDateStringを使う方法 toLocaleDateString ...

[JavaScript] imgタグに画像が存在するかチェックする

imgタグに画像が存在するかチェックするサンプルです。 画像がリンク切れしているかどうかをチェックしたい場合などに使用で ...

スポンサーリンク