Search

웹 애플리케이션에서 사용자의 파일 업로드 및 다운로드 관리

카테고리
Javascript
태그
Web
업로드
다운로드
생성 일시
2023/02/15
상황: 웹 애플리케이션에서 사용자가 파일을 업로드하고 다운로드할 수 있는 기능을 제공하려고 합니다. 사용자가 업로드한 파일을 안전하게 저장하고, 다운로드 요청이 있을 때 해당 파일을 제공하는 방법이 필요합니다.
해결방안: 사용자의 파일을 서버에 저장하고, 요청에 따라 해당 파일을 제공하는 웹 애플리케이션을 구현합니다.
1.
필요한 라이브러리 설치 Node.js 환경에서 multer와 express 라이브러리를 사용하여 파일 업로드 및 다운로드 기능을 구현합니다. 먼저 필요한 라이브러리를 설치합니다.
bashCopy code npm install multer express
Plain Text
복사
2.
파일 업로드 및 다운로드 코드 작성 multer와 express 라이브러리를 사용하여 파일 업로드 및 다운로드 기능을 구현하는 코드를 작성합니다.
javascriptCopy code const express = require('express'); const multer = require('multer'); const path = require('path'); const fs = require('fs'); const app = express(); const upload = multer({ dest: 'uploads/' }); app.use(express.static('public')); app.post('/upload', upload.single('file'), (req, res) => { res.status(200).json({ message: 'File uploaded successfully!' }); }); app.get('/download/:filename', (req, res) => { const filename = req.params.filename; const filePath = path.join(__dirname, 'uploads', filename); if (fs.existsSync(filePath)) { res.download(filePath); } else { res.status(404).json({ message: 'File not found!' }); } }); app.listen(3000, () => { console.log('Server started on port 3000'); });
JavaScript
복사
3.
사용자 파일 업로드 및 다운로드 기능 테스트 사용자가 파일을 업로드하면 서버의 'uploads' 폴더에 저장되고, 사용자가 특정 파일을 다운로드하려고 요청하면 해당 파일이 제공됩니다.
이러한 방법으로 사용자의 파일 업로드 및 다운로드 기능을 제공하는 웹 애플리케이션을 구현할 수 있습니다. 이를 통해 사용자의 파일 관리를 안전하게 처리할 수 있습니다.