Question

我有一个在Raspberry Pi上与Node.js一起运行的Web服务器程序。我想在index.html上显示图像，但是图像不加载/显示。

我为webserver.js，index.html和我的图像（chmod -v 777）设置了权限。如果使用浏览器打开index.html，则会显示图像。如果我输入例如浏览器中的“ localhost：8080 / image.png”，该页面不会加载/显示。来自互联网的外部链接可以正常工作。

index.html：

var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var img = new Image();
img.src = 'image.png';
img.onload = () => {
    context.drawImage(img, 0, 0);
};

image.png与index.html位于同一文件夹中

也不起作用：

<img src='image.png'>

webserver.js：（此代码来自https://www.w3schools.com/nodejs/nodejs_raspberrypi_webserver_websocket.asp）

http.listen(8080);

function handler (req, res){
    fs.readFile(__dirname + '/public/index.html', function(err, data) {
        if (err) {
            res.writeHead(404, {'Content-Type': 'text/html'});
            return res.end("404 Not Found");
        }
        res.writeHead(200, {'Content-Type': 'text/html'}); 
        res.write(data); 
        return res.end();
    });
}

index.html或Web服务器可能无法“到达”图像。也许我也必须将服务器程序“讲”到服务器映像？由于我是Web编程的新手，所以我被困在这里。

谢谢。

在Raspberry Pi上使用HTML和Node.js显示图像

0 个答案: