0

png画像を返すHTTP呼び出しをhtmlページに埋め込みたい。

違いがあれば、githubのgh-pagesでページを実行します。

URLは次のとおりです。http：//public.opencpu.org/R/user/SChamberlain/ropensci_dash/apistatus10/png

サービスがダウンしていることがあるため、URLがpngを返さない場合があることに注意してください。

POSTメソッドを使用してそのURLを呼び出し、pngをページに返すだけです。理想的には、http呼び出しはページリサイクルでも実行されます。

iframe、フォーム、javascriptを使用しますか？

ありがとう！スコット

4

3 に答える 3

2

[きちんと答えたほうがいい]

サーバーが画像データをフィードしていて、それをロードしたい場合は、画像のように扱い、imgタグを使用することをお勧めします。特定の場合のこのアプローチの問題は、サーバーがダウンすることがあると言ったことです。これは、最初に壊れたリンクをチェックせずに画像を追加しただけで、その醜い壊れた画像スペースを取得することを意味します。

ただし、画像を使用するという単純さは依然として実現可能です。ロードイベントハンドラーで小さなJavaScriptを使用することにより、正常にロードされた場合にのみイメージを追加できます。リクエストから何らかのエラーコードを受け取った場合、loadイベントは発生せず、壊れた画像を追加することはありません。

vanilla-jsの概念は次のとおりです。

img = document.createElement("img");
img.onload = function(e){document.getElementsByTagName("body")[0].appendChild(img);};
img.src = "http://public.opencpu.org/R/user/SChamberlain/ropensci_dash/apistatus10/png";

こちらで実際の動作を確認することもできます：http：//jsfiddle.net/BwJeC/

于 2012-08-23T22:58:57.280 に答える
0

なぜPOSTしたいのかよくわかりません。

とにかく、POSTデータを使用して画像をクエリする場合は、Js XHR呼び出しを実行し、画像をbase64として返し、次のような操作を行う必要があります。

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" />

それでも最善の方法は、単純なget呼び出しを行うことです。

<img src="/dynamicallyGeneratedPicture" />

imageタイプのドキュメントを返すルートまたはスクリプトを使用します。

于 2012-08-23T22:17:58.727 に答える
0

XHRを使用して、外部の動的ページからバイナリデータをロードし、画像のコンテンツを設定できます。

この質問は、非常によく似ています またはこれ

于 2012-08-23T22:19:00.160 に答える