0

イメージを JSON として返す Web サービスを呼び出したいと考えています。しかし、返された JSON を HTMl ページ内の画像として表示する方法がわかりません。

よろしくお願いします

4

2 に答える 2

1

あなたの質問はいくつかの非常に重要な詳細を省略していますが、返されたJSONにbase64でエンコードされた画像である文字列があると仮定すると、その文字列を要素のURIのコンテンツとして使用できます（互換data性のあるブラウザを想定）。URIを画像として使用する方法について詳しくは、こちらをご覧ください。srcimgdata

例：

var img = document.createElement('img');
img.src = "data:image/gif;base64," + dataFromServer.theImage;
document.body.appendChild(img);

ライブコピー| ソース

もちろん、JSONに画像へのリンクが含まれている場合は、 URIsrcを使用するのではなく、そのリンクを直接使用します。data

于 2012-11-04T08:28:34.680 に答える
1

あなたは以下のようなことを求めていますか？

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
  {
    tags: "gulmarg",
    tagmode: "any",
    format: "json"
  },
  function(data) {
    $.each(data.items, function(i,item){
      $("<img/>").attr("src", item.media.m).appendTo("#images");
      if ( i == 5 ) return false;
    });
  });

デモ

于 2012-11-04T08:31:56.603 に答える