Node.js에서 Multer를 사용하여 여러 이미지를 업로드하는 방법

2709 단어 nodeuplaodexpress
이 노드 js 자습서에서는 Node.js에서 multer를 사용하여 여러 이미지를 업로드하는 방법을 배웁니다. 이 튜토리얼에서는 아래에서 볼 수 있는 npm Multer를 사용합니다. express js Framework에서 multer를 사용하여 Node js 다중 이미지 업로드를 배웁니다.

이미지 업로드는 모든 프로젝트의 기본 요구 사항입니다. 따라서 이 예제는 multer Express js 프레임워크를 사용하여 여러 이미지를 업로드하는 방법을 단계별로 안내합니다. 그리고 다중 이미지 업로드의 개념을 쉽게 이해하여 사용할 수 있습니다.

How To Upload Multiple Image Using Multer In Node.js



멀터 추가npm install express multer --save
const express = require('express');
const multer = require('multer');
const path = require('path');
const app = express();
const port = 3000

const storage = multer.diskStorage({
    destination: function(req, file, cb) {
        cb(null, 'uploads/');
    },

    filename: function(req, file, cb) {
        cb(null, file.fieldname + '-' + Date.now() + path.extname(file.originalname));
    }
});

var upload = multer({ storage: storage })

app.get('/', (req, res) => {
  res.sendFile(__dirname + '/index.html');
});

app.post('/', upload.array('multi-files'), (req, res) => {
  res.redirect('/');
});

app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`)
})


양식 만들기

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>How To Upload Multiple Image Using Multer In Node.js - phpcodingstuff.com</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <h1>Node js Express Multiple Image Upload using Multer Example - Tutsmake.com</h1>
    <form action="/" enctype="multipart/form-data" method="post">
      <input type="file" name="multi-files" accept='image/*' multiple>
      <input type="submit" value="Upload">
    </form>  
  </body>
</html>


원본 출처: https://www.phpcodingstuff.com/blog/how-to-upload-multiple-image-using-multer-in-node-js.html

좋은 웹페이지 즐겨찾기