Node.js
파일 업로드
수색…
멀터를 사용한 단일 파일 업로드
기억해
- 업로드 할 폴더를 만듭니다 (예 :
uploads
). - multer
npm i -S multer
설치하십시오.
server.js
:
var express = require("express");
var multer = require('multer');
var app = express();
var fs = require('fs');
app.get('/',function(req,res){
res.sendFile(__dirname + "/index.html");
});
var storage = multer.diskStorage({
destination: function (req, file, callback) {
fs.mkdir('./uploads', function(err) {
if(err) {
console.log(err.stack)
} else {
callback(null, './uploads');
}
})
},
filename: function (req, file, callback) {
callback(null, file.fieldname + '-' + Date.now());
}
});
app.post('/api/file',function(req,res){
var upload = multer({ storage : storage}).single('userFile');
upload(req,res,function(err) {
if(err) {
return res.end("Error uploading file.");
}
res.end("File is uploaded");
});
});
app.listen(3000,function(){
console.log("Working on port 3000");
});
index.html
:
<form id = "uploadForm"
enctype = "multipart/form-data"
action = "/api/file"
method = "post"
>
<input type="file" name="userFile" />
<input type="submit" value="Upload File" name="submit">
</form>
노트 :
확장 기능이있는 파일을 업로드하려면 Node.js 경로 내장 라이브러리를 사용할 수 있습니다.
이를 위해서는 server.js
파일에 대한 path
가 필요합니다.
var path = require('path');
변경 :
callback(null, file.fieldname + '-' + Date.now());
다음과 같은 방법으로 파일 확장명을 추가합니다.
callback(null, file.fieldname + '-' + Date.now() + path.extname(file.originalname));
광고 확장을 기준으로 업로드를 필터링하는 방법 :
이 예제에서는 특정 확장명 만 허용하도록 파일을 업로드하는 방법을 보여줍니다.
예를 들어 이미지 확장 만. var upload = multer({ storage : storage}).single('userFile');
fileFilter 조건
var upload = multer({
storage: storage,
fileFilter: function (req, file, callback) {
var ext = path.extname(file.originalname);
if(ext !== '.png' && ext !== '.jpg' && ext !== '.gif' && ext !== '.jpeg') {
return callback(new Error('Only images are allowed'))
}
callback(null, true)
}
}).single('userFile');
이제 png
, jpg
, gif
또는 jpeg
확장으로 이미지 파일 만 업로드 할 수 있습니다.
강력한 모듈 사용하기
모듈 설치 및 문서 읽기
npm i formidable@latest
8080 포트의 서버 예
var formidable = require('formidable'),
http = require('http'),
util = require('util');
http.createServer(function(req, res) {
if (req.url == '/upload' && req.method.toLowerCase() == 'post') {
// parse a file upload
var form = new formidable.IncomingForm();
form.parse(req, function(err, fields, files) {
if (err)
do-smth; // process error
// Copy file from temporary place
// var fs = require('fs');
// fs.rename(file.path, <targetPath>, function (err) { ... });
// Send result on client
res.writeHead(200, {'content-type': 'text/plain'});
res.write('received upload:\n\n');
res.end(util.inspect({fields: fields, files: files}));
});
return;
}
// show a file upload form
res.writeHead(200, {'content-type': 'text/html'});
res.end(
'<form action="/upload" enctype="multipart/form-data" method="post">'+
'<input type="text" name="title"><br>'+
'<input type="file" name="upload" multiple="multiple"><br>'+
'<input type="submit" value="Upload">'+
'</form>'
);
}).listen(8080);
Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow