当我通过node运行.js文件时,我是node.js的新手,试图弄清楚如何显示编码到html文件中的图像。
我在HTML中的图像代码在标题中:
<center><img src="401kpiggybank.png" alt="Logo"></center>
以及我的server.js文件中的代码:
var http = require('http');
var fs = require('fs');
var url = require('url');
var path = require('path');
const PORT = 8080;
fs.readFile('<long file path here>', function (err, html){
if (err) throw err;
http.createServer(function(request, response){
response.writeHeader(200, {"Content-Type": "text/html"});
response.write(html)
response.end();
}).listen(PORT)
})
我知道html页正在工作,因为所有其他元素(这是一个401k计算器)都可以正确显示,这只是我遇到麻烦的.png文件。
我尝试使用Google搜索,并试图使它正常运行,但我无法显示它。此外,图像与html和js文件位于同一目录中。
任何帮助将不胜感激。
编辑:我在快递上的失败尝试如下:
var express = require('express')
var app = express();
var imgDir = require('path').join(__dirname,'/images');
app.use(express.static(imgDir));
为此,我将图像文件添加到名为images的文件夹中。然后,当我说Cannot find module 'express'
时出现错误。我做了npm express,一切似乎都还好,我不确定从这儿去哪里。
最终编辑:我尝试更改节点的PATH,以及将express module文件夹移到我的html / js文件所在的文件夹中。
仍然返回错误。至于现在,我放弃了,继续前进。
我仍将话题保持打开状态。