본문 바로가기
Nodejs

[Nodejs] Multer를 이용해서 단일 파일 업로드하기

by teamnova 2023. 5. 9.

안녕하세요

오늘은 multer 모듈을 사용해서 서버에 파일을 업로드하는 예제입니다!

 

[ 실행결과 ]

텍스트파일을 업로드해봤습니다.

 

영상을 보시면 왼쪽에 View 폴더 하단에  파일 하나가 생기는 것을 볼 수 있습니다. (파일 업로드 됨.)

 

 

먼저 외부라이브러리인 multer을 설치하셔야 합니다!

$ npm install multer

 

그리고 아래의 코드를 실행하시면 됩니다!

 

[ 전체 코드 ]

index9.js 코드입니다!

const express = require("express");
const http = require("http");
const app = express();
const server = http.Server(app);
var fs = require('fs');
var multer = require('multer');

var upload = multer({ dest: __dirname })


const PORT = 5000;

server.listen(PORT, () => {

    console.log(`Server running on http://localhost:5000`);

    app.get('/', (req, res) => {
    	res.sendFile('test9.html', { root: (__dirname) });
    });

    app.post('/user', upload.single('uploaded_file'), function (req, res){

        console.log("req.file : ",req.file);
        console.log("req.file.size : ",req.file.size);
        res.status(200).send("성공")

    });

});

 

 

 

test9.html 코드입니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

   <form action="/user" enctype="multipart/form-data" method="post">

      <input type="file" name="uploaded_file">
      <input type="submit" value="파일 업로드">            

  </form>
  
</body>
</html>