NodeJSでJSONファイルから画像を取得

私はElectronアプリをテストしています。私はそれがthisウェブサイトから画像をつかむようにしたい。このウェブサイトには、thisのコードを持つJSONファイルがあります。NodeJSでJSONファイルから画像を取得

どうすればこれらの画像を取得してimgタグに入れることができますか？

var request = require('request'); 

request("http://www.pgbovine.net/photos/json-files/boston.json" ,  function(error, response, body) { 
body = JSON.parse(body); 
console.log(body); 

function addImg(arr) { 
    myImg = arr[0]["filename"]; 
    var theImg = document.getElementById("image"); 

    theImg.innerHTML = myImg; 
}

そしてこのHTML：：

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>Pics</title> 
    </head> 
    <body> 

    <img id="image"> 

    <script type="text/javascript"> 
     require("./memes.js") 
    </script> 
    </body> 
</html>

問題があり、そのコードは何もしません

は、これまでのところ、私はこのコードを持っています！では、上記のJSONファイルからイメージを取得し、imgタグに挿入するにはどうすればよいですか？（NodeJSまたはバニラJavaScriptを使用）

出典

2016-09-18 Jordan Baron

ここでjsコードを使用していますか？メインのjavascriptアプリケーションファイルでjsコードが使用されていますか？ "そのコードは何もしない"という記述は貧弱です。 package.jsonとあなたのアプリのmain.jsファイルを投稿してください。 – Marcs

ファイル名にimgというタグを追加するだけですが、ファイル名（IMG_2914.JPGなど）以外の画像URL全体を追加する必要があります。

http://www.pgbovine.net/photos/IMG_2914.JPGを試しましたが、404エラーが発生しました。

出典

2016-09-18 12:39:36 Jackowski

img htmlタグの 'src'属性を変更して、問題の画像のURLまたは相対パスを指すようにする必要があります。

これを行うには、theImg変数の 'setAttribute'メソッドを呼び出します。

JSONレスポンスの構造に基づいて、単純なマウスオーバーテキストを提供する各イメージオブジェクトの 'description'文字列に 'alt'属性を設定することもできます。

あなたがここで話しているJSONには実際にイメージが含まれていないことに注意してください。イメージのファイル名である文字列です。

あなたはボストンのイメージギャラリーから物事をつかむために、こすりしようとしているように見えるウェブサイトに基づいて、次の文字列にファイル名を追加する必要がありますが： http://www.pgbovine.net/new-galleries/boston/images/

ので、同様：

<img src="http://www.pgbovine.net/new-galleries/boston/images/IMG_2914.JPG">

出典

2016-09-29 01:09:36

NodeJSでJSONファイルから画像を取得

答えて

関連する問題