javascript - Javascript の HTTP Post リクエストから画像を返す

Question

JavaScript を使用してブラウザーからサーブレットにデータを送信すると、サーバーはデータを処理し、応答として画像を返します (すべて xmlhttprequest を使用)。サーバーを直接呼び出すと、ブラウザーに画像が返されるため、すべてが正常に機能していると確信しています。

私が疑問に思っていたのは、JavaScript で応答を解析して、img タグ内の画像として表示できるようにする方法です。

これはかなり簡単だと思いますが、どうすればよいかわかりません。

Answer 1

データ URIを使用して、base64 でエンコードされたバイナリ データをsrcイメージ タグの として設定できます。

サーバーを制御できる場合は、参照できる URL をサーバーに提供してもらい、それを使用して新しいimgタグを作成する方がクリーンな場合がありますsrc。

Answer 2

これがアプリケーションで機能するかどうかはわかりませんが、サーバー側のスクリプトを使用して画像を動的に提供し、javascript を使用して画像のソースを変更することができます。

すなわち

src="image.php?param1=XXXX&param2=XXXX"

またはXMLHttpRequest、サーバー上の既存の画像への新しいパスを返してから、のsrc属性を変更するだけimgです。