javascript - 動的画像を Web ページにロードする方法は?

Question

Web ページがあり、グラフを表示したいと考えています。DOT言語を使ってグラフを動的に指定できるようにしたい。そこで、クエリ パラメータに DOT 式を使用して画像コンテンツを返すページを作成しました。これimgで、適切な `src.

<img src="/dot/png/graph{a--b}">

ただし、一部のサーバーでは長い URL に問題があります。POSTリクエストで画像を取得し、imgJavaScriptでタグに表示することはできますか?

Answer 1

img私が考えることができる唯一のことは、次のようなタグに含めることができる画像データの base64 でエンコードされた文字列をサーバーに返させることです。

<img src="data:image/png;base64,BASE64STRINGGOESHERE">

データ URI スキームは IE7 以前ではサポートされておらず、IE8 では URI で 32KB のデータしか許可されていないことに注意してください。