이미지가 웹 서버에 나타나지 않습니다.

Question

mongo db를 사용하는 웹 서버로 소셜 미디어 사이트를 개발 중입니다. 문제는 올바른 디렉토리를 사용하더라도 이미지를 표시하려고 시도 할 때입니다. 어떤 아이디어?

<div> 

    <link rel="stylesheet" href="guide.css"> 

    <h2>Volunteering and its Benefits</h2> 

    <img src="http://localhost:3000/index.html#//volunteeraid/tabs/photos/info.jpg"> 
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p> 

    <iframe width="560" height="315" src="https://www.youtube.com/embed/DDZNm4KQE9o" frameborder="0" allowfullscreen></iframe> 

    <h2>Preparing for and Handling Disasters</h2> 


</div> 

이

는 웹 사이트의 일부에 코드입니다 당신은 내가 노드 서버 사용

표시되지 않는 단락의 상단에있는 이미지를 볼 수있는

사이트 (로컬 호스트 : 3000)에 액세스하려면 또한이 모듈의 위치는 다음과 같습니다. http://localhost:3000/#//volunteeraid

Answer 1

<img src="http://localhost:3000/"> 

이것은 이미지를 가리켜 야합니다. 뿐만 아니라 도메인. 같은

<img src="http://localhost:3000/image.jpg" /> 

뭔가 (당신도 그것의 앞에 도메인 이름이 필요하지 않습니다) :

<img src="/image.jpg" /> 

편집 :

<img src="http://localhost:3000/index.html#//volunteeraid/tabs/photos/info.jpg"> 

같은 것은, 당신은하지 않습니다 html 파일을 가리키면 이미지를 얻으십시오.

위에서 설명한대로 이미지를 직접 가리켜 야합니다.

Edit2가 :

var express = require('express'); 
var app = express(); 
app.use(express.static(__dirname + '/public')); 
app.listen(8080); 

Answer 2

어쩌면 이미지의 이름을 추가 :

당신이 파일을 제공 할 수 있는지 확인?

<img src="IMAGE.jpg"> 

UPDATE

<img src="http://localhost:3000/IMAGE.jpg"> 

또는 더 나은 그냥 상대 경로는 업데이트 이후 당신은 이미지로 src을 기록했다. 그것은 아마도 이런 식으로 보일 것입니다

<img src="/photos/info.jpg">