HTML/Javascriptの画像ソースを動的に設定し、余分なデータを取得していますか？

私は、サーバーからイメージソースを設定できるようにしたいと思っていますが、別のサーバー側のアクションに関連する余分なデータを返すこともできます。HTML/Javascriptの画像ソースを動的に設定し、余分なデータを取得していますか？

私は説明しようとします。私は<body>で、次のしている私のindex.htmファイルで

...

<div id="BasicDemo" > 
    <img id="nscreen" /> 
</div> 
<script type="text/javascript">setImageSource()</script>

setImageSource()は、単にこれを行います...

$("#nscreen").attr("src", "/control?size=800x480");

私は経験豊富なHTMLコーダーないんだけど<img>のソースを設定するために使用されるイメージを要求するために、上記がサーバー側のコードに対する暗黙のHTTP GETリクエストであることを理解するのに十分な経験を持っています。私は擬似コードでやってみたい何

さ...

var someResponse = getImageAndExtra("/control?size=800x480"); 
$("#nscreen").attr("src", someResponse.imagePath); 
var extraData = someResponse.extra;

私は、サーバー側のコードの制御に直接ではないが、私は、開発者が知っているし、この上で作業します。

イメージソースと追加データの両方を要求するのに、「src」属性を設定できる呼び出しの呼び出しにはどのようなものがありますか？もう一方の側では、サーバー側コードがどのように応答を構成しますか？

私はここで本当に単純なものが欠けていると感じるのを助けることができません。

出典

2012-01-19 Squonk

サーバーコードは、画像とは独立したWebページを返す必要があります。

このウェブページには実際の画像へのパスが含まれ、次に追加データが（独立して）表示されます。

このタイプの通信では、非常に一般的な形式の1つがJSONです。それはapplication/x-json代わりのtext/htmlへの応答のContent-Typeを設定するだけ無HTML、ということ、そして

{extra: "some-data", image: "/path/to/real/image"}

：サーバーは、次のようになりますページを作成します。

JSはXMLHTTPRequestを実行して上記のJSONを取得し、レスポンスを解析し、はsrc属性を設定します。

追加情報（画像のステガノグラフィーやヘッダートリックやその他の汚れた取引を禁止する）を抽出できる画像ソースを設定できる場所はありません。

出典

2012-01-19 05:12:24 Borealid

ありがとうございます。 JSONは私が探していたものですが、どのように動作するのかわかりませんでした。 'Content-Type'に関するあなたの説明は大いに役立ちます。 – Squonk

HTML/Javascriptの画像ソースを動的に設定し、余分なデータを取得していますか？

答えて

関連する問題