Node.js сервер не показывает изображение

Question

У меня проблема с этим, я использую framework.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; 

    }