>웹 프론트엔드 >CSS 튜토리얼 >node.js 및 Express의 Multer와 함께 파일 업로드

node.js 및 Express의 Multer와 함께 파일 업로드

Christopher Nolan
Christopher Nolan원래의
2025-03-02 09:15:14300검색

이 튜토리얼은 node.js, express 및 multer를 사용하여 파일 업로드 시스템을 구축함으로써 당신을 안내합니다. 우리는 단일 및 다중 파일 업로드를 다루고 나중에 검색하기 위해 MongoDB 데이터베이스에 이미지 저장을 보여줍니다. 먼저, 프로젝트를 설정하십시오 :

다음, 파일을 만듭니다. 파일 업로드 및 서버 로직을 처리합니다. 처음에는 기본 Express 앱을 설정합니다 :

이제 파일 업로드를 디스크에 처리하도록 Multer를 구성합시다 :

파일 업로드 처리 단일 파일 업로드 단일 파일 업로드를 처리하기 위해 엔드 포인트를 만듭니다. 에 파일 입력을 사용하여 해당

(여기에 표시되지 않지만 에 게시 된 요청을 사용해야합니다).
mkdir upload-express
cd upload-express
npm init -y
npm install express multer mongodb file-system --save
touch server.js
mkdir uploads
다중 파일 업로드

이 엔드 포인트는 여러 파일 업로드를 처리합니다 (이 예에서 최대 12 명) : server.js 이미지 업로드 Mongodb mongodb에 이미지를 저장하려면

패키지를 설치해야합니다.
const express = require('express');
const multer = require('multer');
const app = express();

app.get('/', (req, res) => {
  res.json({ message: 'WELCOME' });
});

app.listen(3000, () => console.log('Server started on port 3000'));
그런 다음 MongoDB 연결 및 이미지 처리 로직을

에 추가하십시오. (참고 : 오류 처리 및 연결 세부 정보는 간결하게 생략됩니다. 와 같은 자리 표시자를 실제 연결 문자열로 교체하십시오).

//server.js (add this to your existing server.js) var storage = multer.diskStorage({ destination: function (req, file, cb) { cb(null, 'uploads') }, filename: function (req, file, cb) { cb(null, file.fieldname + '-' + Date.now()) } }); var upload = multer({ storage: storage }); 패키지를 설치하는 것을 잊지 마십시오. 또한 자리 표시기를 데이터베이스 이름 및 연결 문자열로 교체하십시오. 이 개선 된 예제에는 더 나은 견고성을위한 오류 처리 및 비동기 작업이 포함됩니다.

이 강화 된 자습서는 Node.js 응용 프로그램에서 파일 업로드를 처리하기위한보다 완전하고 강력한 솔루션을 제공합니다. 특정 요구와 환경에 코드를 조정해야합니다. 프로덕션에서 파일 업로드를 처리 할 때 항상 보안 모범 사례의 우선 순위를 정합니다.

위 내용은 node.js 및 Express의 Multer와 함께 파일 업로드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.