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;

  }