Node.js에서 Express.js를 사용하여 PNG 이미지를 동적으로 표시하는 샘플

이미지 파일을 동적으로 표시하는 코드입니다. 좀처럼 발견되지 않았으므로 메모 해 둡니다.

express.js

const express = require('express');
const fs = require('fs');

const app = express();

app.get('/image', (req, res) => {
    console.log('image');
    fs.readFile('./example.png', (err, data) => {
      res.type('png');
      res.send(data);
    });
});

app.listen('3000', () => {
    console.log('Application started');
});

스크립트 실행
% node express.js
Application started
image

브라우저에서 아래 URL에 액세스하면 이미지가 표시됩니다.
http://localhost:3000/image



덧붙여서 디렉토리의 파일 일람은 이런 느낌입니다
% ls
example.png     package-lock.json
express.js      package.json
node_modules

좋은 웹페이지 즐겨찾기