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