Node.js에서 Multer를 사용하여 여러 이미지를 업로드하는 방법
이미지 업로드는 모든 프로젝트의 기본 요구 사항입니다. 따라서 이 예제는 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
Reference
이 문제에 관하여(Node.js에서 Multer를 사용하여 여러 이미지를 업로드하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/robertlook/how-to-upload-multiple-image-using-multer-in-node-js-14ln텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)