Showing
2 changed files
with
24 additions
and
4 deletions
| ... | @@ -6,12 +6,17 @@ router.get('/', function(req, res, next) { | ... | @@ -6,12 +6,17 @@ router.get('/', function(req, res, next) { |
| 6 | res.render('index', { title: 'MWD' , url: "/images/1.jpg"}); | 6 | res.render('index', { title: 'MWD' , url: "/images/1.jpg"}); |
| 7 | }); | 7 | }); |
| 8 | 8 | ||
| 9 | -/* predict() 의 결과를 querystring으로 받아 그것에 맞는 이미지파일을 보내준다. */ | 9 | +/* predict() 의 결과를 querystring으로 받아 그것에 맞는 이미지와 음성파일을 보내준다. */ |
| 10 | /* /data?id=n 의 형태로 id값을 전달해 준다. */ | 10 | /* /data?id=n 의 형태로 id값을 전달해 준다. */ |
| 11 | router.get('/data', function(req, res, next){ | 11 | router.get('/data', function(req, res, next){ |
| 12 | 12 | ||
| 13 | id = req.query.id; | 13 | id = req.query.id; |
| 14 | - console.log(id); | 14 | + |
| 15 | + data = { | ||
| 16 | + image : "/images/"+id+".jpg" | ||
| 17 | + } | ||
| 18 | + //데이터 확인 | ||
| 19 | + console.log(data); | ||
| 15 | //보내주기. | 20 | //보내주기. |
| 16 | res.send(data); | 21 | res.send(data); |
| 17 | }); | 22 | }); | ... | ... |
| ... | @@ -102,7 +102,7 @@ | ... | @@ -102,7 +102,7 @@ |
| 102 | //이것 없으면 계속 요청이 보내진다. | 102 | //이것 없으면 계속 요청이 보내진다. |
| 103 | if(last_result_predict!=predict_id){ | 103 | if(last_result_predict!=predict_id){ |
| 104 | 104 | ||
| 105 | - //ajax로 서버에 그 id에 해당하는 이미지주소를 달라고 요청한다. | 105 | + //ajax로 서버에 그 id에 해당하는 이미지의 주소와 음성파일을 달라고 요청한다. |
| 106 | if(predict_id > 0){ | 106 | if(predict_id > 0){ |
| 107 | //last_result_predict값을 지금 결과로 나옴 predict로 초기화해준다. | 107 | //last_result_predict값을 지금 결과로 나옴 predict로 초기화해준다. |
| 108 | last_result_predict = predict_id; | 108 | last_result_predict = predict_id; |
| ... | @@ -112,14 +112,29 @@ | ... | @@ -112,14 +112,29 @@ |
| 112 | datatype:'json', | 112 | datatype:'json', |
| 113 | url: '/data?id='+predict_id, | 113 | url: '/data?id='+predict_id, |
| 114 | success: function(result) { | 114 | success: function(result) { |
| 115 | - //결과값 확인 | ||
| 116 | console.log(result); | 115 | console.log(result); |
| 116 | + | ||
| 117 | + //받아온 json데이터를 처리한다 | ||
| 118 | + process_json(result); | ||
| 117 | } | 119 | } |
| 118 | }); | 120 | }); |
| 119 | }) | 121 | }) |
| 120 | } | 122 | } |
| 121 | } | 123 | } |
| 122 | } | 124 | } |
| 125 | + | ||
| 126 | + //JSON 데이터 처리 | ||
| 127 | + function process_json(json_data){ | ||
| 128 | + var images = json_data.image; | ||
| 129 | + var strDOM = ""; | ||
| 130 | + | ||
| 131 | + //이미지 태그 생성 | ||
| 132 | + strDOM += '<img src="'+images+'">'; | ||
| 133 | + | ||
| 134 | + //#cehck_image div의 이미지 교체 | ||
| 135 | + $('#check_image').html(strDOM); | ||
| 136 | + } | ||
| 137 | + | ||
| 123 | </script> | 138 | </script> |
| 124 | </body> | 139 | </body> |
| 125 | </html> | 140 | </html> | ... | ... |
-
Please register or login to post a comment