kippe zeigen Bild auf Mops

Dies ist mein Codekippe zeigen Bild auf Mops

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Home Page</title> 
</head> 
<body> 
<img src="resources/mainlogo.png" style="width:304px;height:228px;"> 
<h1>Welcome to our user management application</h1> 
<h3>Please see links below to navigate our homepage</h3> 

<a href = /adduser>Create new user</a> 
<a href = /users>List users</a> 

</body> 
</html>

alles außer Bild

gezeigt

Hier ist meine Dateistruktur:

index.html 
resources 
    mainlogo.png

Was mache ich falsch?

dies Code Rendering

app.get('/', function (req, res) { 

    // render main page 
    res.sendFile(__dirname + "/index.html"); 


});

Hier von der Konsole auch Fehler ist

Error http://localhost:8000/resources/mainlogo.png 404 (Not Found)

Trotz Bild ist innerhalb Ressourcen Ordner.

Quelle

2017-02-12 Anonymous

Ich glaube, ich bin Sensing, was Problem sein kann. Vielleicht muss ich das für das separate Senden von Bildern implementieren? –

Hinzufügen dieser

app.use(express.static('resources'))

und der Veränderung dieser

<img src="mainlogo.png" style="width:304px;height:228px;">

half

Quelle

2017-02-12 19:57:30

Whoops! Ich habe meine Antwort richtig hinzugefügt, als Sie es taten. Wahrscheinlich wäre es besser, einen Ordner namens img unter Ressourcen zu haben, um Ihre Dateien besser zu organisieren. – matt

Sie müssen die Ressourcen über express.static zugänglichen Ordner machen. Dies sollte den Trick:

app.use(express.static('resources')); //This will allow express to access any file in that folder

Html:

... 
<img src="mainlogo.png" style="width:304px;height:228px;"> 
...

Quelle

2017-02-12 19:59:00 matt

Sie benötigen die express.static Middleware verwenden, um statische Dateien wie Bilder und CSS-Dateien zu dienen.

In Ihrem Fall sollte diese Arbeit:

app.use(express.static('resources'));

Kasse die statische Dokumentation für displaying static files

Quelle

2017-02-12 20:03:15 Pineda

kippe zeigen Bild auf Mops

Antwort

Verwandte Themen