javascript - Node.js 服务器不显示图像

Question

我在这里遇到了问题，我正在使用node.js框架来处理对index.html的请求。index.html 文件有一些图像，但它没有向我的用户显示!我正在阅读两个文件，index.html 和 .png 。你们能帮我吗？这是我的 server.js:

var app = require('http').createServer(handler)
var io = require('socket.io').listen(app)
var fs = require('fs')

app.listen(4000);

function handler (req, res) {
  fs.readFile(__dirname + '/index.html',
  function (err, data) {
    if (err) {

      return res.end('Error loading index.html');
    }

    res.end(data);

  });


  fs.readFile(__dirname + '/blackq.png', function (err, data) {
    if (err) {

      return res.end('Error loading index.html');
    }

    res.end(data);

  });


}

提前非常感谢!

Answer 1

仅用于概念验证的快速解决方案可能如下所示:

在您的 html 文件中，确保正确设置了 img 选项卡。

<img src="/your_image.jpg" alt="your_image" style="width:304px;height:228px;">

在您的node.js服务器文件中，添加

  if (req.url == "/index.html") {
  //res.end your html file
  return;
  }

  //to display image
  if (req.url == "/your_image.jpg") {

     var img = fs.readFileSync('./your_image.jpg');
     res.writeHead(200, {'Content-Type': 'image/jpg' });
     res.end(img, 'binary');

     return;

  }