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] 右クリックメニューを実装する

独自の右クリックメニューを実装するサンプルです。 サンプルソース 例)独自の右クリックメニューサンプル [crayon- ...

[JavaScript] 文字列をエスケープする(escape)

文字列をエスケープするには、escapeを使用します。 サンプルソース 例)文字列「みかん」をエスケープする [cray ...

[JavaScript] 文字列のバイト数を取得する

文字列のバイト数を取得するサンプルFunctionです。 サンプル 例)引数に渡された値のバイト数を取得するFuncti ...

[JavaScript] 選択中の文字列を取得する(.getSelection)

選択中の文字列を取得するには、window.getSelection() を使用します。 サンプルソース 例)ボタンを押 ...

[JavaScript] HTML内のタグをを動的に変更する(innerHTML)

HTML内の文字を動的に変更するには、innerHTMLを使用します。 サンプル 例)id="area1"の要素にHTM ...

スポンサーリンク