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] 配列内の要素を範囲指定で取り出す

配列内の要素を範囲指定で取り出すには、sliceメソッドを使用すると簡単に取り出せます。 サンプルソース 例)配列内の要 ...

[JavaScript] JavaScriptファイルを非同期で読み込む(async/defer)

JavaScriptファイルを非同期で読み込むには、async/deferキーワードを使用します。 サンプル 例1)同期 ...

[JavaScript] 一定時間後に処理を実行する

一定時間後に処理を実行するには、setTimeoutを使用します。 サンプル 例)5秒後に処理を実行する [crayon ...

[JavaScript] 半角英数チェックを行う

半角英数チェックを行うサンプルFunctionです。 サンプル 例)値が半角英数の場合はtrueを返す(空文字はOK,半 ...

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

文字列をアンエスケープするには、unescapeを使用します。 サンプルソース 例)文字列「%u307F% ...

スポンサーリンク