ノードjsが

これは、MySQLデータベースのテーブルから画像を取得するための私のHTMLコードをノードjsが

<html ng-app="imgApp"> 
<head> 
    <title></title> 
    <script type="text/javascript" src="public/javascripts/angular.js"></script> 
    <script type="text/javascript" src="public/javascripts/imgController.js"></script> 
</head> 
<body ng-controller="imgController"> 
<img data-ng-repeat="data:image/png;base64,{{base64String}}"> 
<p>{{variable}}</p> 
<button ng-click="getImageFunc()">Get data</button> 
</body> 
</html>

私のバックエンドのserver.jsコードが与えられています私のイメージをhtmlページで入手してください。このコードをよくご確認の上、エラーを修正してください。

var express = require('express'); 
var bodyParser = require('body-parser'); 
var app = express(); 
app.use(express.static(__dirname)); 
app.use(bodyParser.json()); 
var mysql = require('mysql') 

var connection = mysql.createConnection({ 
    host: 'localhost', 
    user: 'root', 
    password: 'vinoth', 
    database: 'test' 
}) 

connection.connect(function(err) { 
    if (err) throw err 
    console.log('You are now connected...') 
}) 


app.get('/getimage',function(request,response){ 
    connection.query ('select img from pic ',function(err,result){ 
     console.log(result); 
     response.send(result); 
    }); 
}) 

app.listen(4000); 
console.log("sever listening at port 4000");

出典

2016-10-06 vinoth sachin

に依存してあなたは何を試してみましたか？ – abdulbarik

私は2進数の値だけを読み込みましたが、画像は表示されません。 –

バックエンドからどのようにイメージを送信してコードを投稿できますか？ – abdulbarik

はcontent-type: image/jpegまたはimage/gifを設定するようにしてくださいタイプ

app.get('/getimage', function(request, response) { 
    connection.query('select img from pic ', function(err, result) { 
     response.writeHead(200, { 
      'Content-Type': 'image/jpeg' 
     }); 
     response.send(result); // Send the image to the browser. 
    }); 
});

出典

2016-10-06 12:19:57 abdulbarik

ブラウザから何も応答が得られていないので空白になります –

あなたの画像タイプは「jpeg」ですか？ – abdulbarik

endの代わりにsendを使用する問題があるかわからない – abdulbarik

答えて

関連する問題