コピペで使える JavaScript逆引きリファレンス

JavaScript/jQuery開発時に、こそっとお使いください。

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] コンソールに出力した回数をカウントする(console.count)

コンソールに文字列とともに出力した回数を出力するには、console.countを使用します。 サンプルソース 例)co ...

[JavaScript] 数値カンマ編集を行うテキストボックス

フォーカスが当たるとカンマ編集を解除し、フォーカスが外れるとカンマ編集を行うテキストボックスのサンプルです。 数値カンマ ...

[JavaScript] 文字列を繰り返す

文字列を指定した回数繰り返した結果を取得するサンプルです。 サンプルソース 文字列を指定した回数繰り返した値を取得するに ...

[JavaScript] 配列の重複データのみ抽出する

配列の重複データのみ抽出するサンプルです。 サンプルソース 例)配列「arr1」から重複要素のみを抽出した配列を取得する ...

[JavaScript] ime-modeが使えるか判定する

ime-modeが使えるかどうか判定するサンプルです。 サンプルソース 例)ime-modeが使えるかどうかを判定して表 ...

スポンサーリンク