[Nodejs] 스태틱자원 경로 설정하고 이미지 불러오기

 

 

 

 

 

 

 

 

Nodejs에서 이미지 파일을 호출하는 방법입니다.

저의 앱 프로젝트 내부 파일들입니다. static 안에 이미지파일들이 들어있구요.

index.js와 같은 경로에 test.png도 넣어두었습니다.

 

 

 

 

 

 

먼저 스태틱 자원 폴더를 설정해주고 URL에 이미지 경로를 입력하면 알아서 static폴더 내 파일들을 호출하는 방식으로

app.use(express.static("{파일명}")) 을 입력해주면 되는데요.

/static/image/test.png 이 경로에 이미지파일이 들어있다면, test.png의 URL는 http://localhost/image/test.png가 됩니다.

static 폴더 내 이미지파일 뿐만 아니라 다른 형식의 파일들도 가져올 수 있습니다.

app.use(express.static("static"));

 

 

 

그리고, index.js와 같은 경로에 있는 test.png 파일도 직접 원하는 경로를 설정하여 가져올 수 있습니다.

1. 스태틱 자원 폴더 설정 시 ->  http://localhost/image/test.png 접속 시 이미지 조회

2. 직접 이미지 호출 시 -> http://localhost/  접속 시 이미지 조회

 

var express = require('express');
var fs = require('fs');
var app = express();

// 1. 스태틱 자원 폴더
app.use(express.static('static'));

// 2. 직접 이미지 호출
app.get('/', function (req, res) {
        //res.send('Hello World!');
        fs.readFile("test.png", function(error, data){
                res.writeHead(200, {'Content-Type': 'image/png' });
                res.end(data);
        });
});
app.listen(80, function () {
  console.log('RUN ON PORT 80!');
});

 

 

 

끝!