這次帶給大家nodejs express實作檔案上傳案例詳解,nodejs express實作檔案上傳的注意事項有哪些,以下就是實戰案例,一起來看一下。
前段時間在做個人專案的時候,用到了nodejs服務端上傳文件,現在回頭把這個小結一下,當作記錄。
本人上傳檔案時是基於express的multiparty ,當然也可以使用connect-multiparty中間件實現,但官方似乎不推薦使用connect-multiparty中間件。廢話不多說,下面看程式碼吧。
步驟:
(1)使用express建立專案,預設使用的是jade範本引擎,但還是習慣於html,所以就改為html模板。
(2)在專案目錄中,透過npm install multiparty進行安裝必要元件。
(3)修改views/index.html,新增一個檔案上傳的form。
index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>上传文件</title> </head> <body> 上传文件 <form method='post', action='/file/uploading', enctype='multipart/form-data'> <input type="file" name="inputFile"> <input type="submit" value="上传"> </form> </body> </html>
(4)修改routes/index.js,實作上傳頁面和上傳回應的後台程式碼。
var express = require('express'); var router = express.Router(); var multiparty = require('multiparty'); var util = require('util'); var fs = require('fs'); /* 上传页面. */ router.get('/', function(req, res, next) { //res.render('./views/index'); res.sendfile('./views/index.html'); }); /* 上传 */ router.post('/file/uploading', function(req, res, next) { /* 生成multiparty对象,并配置上传目标路径 */ var form = new multiparty.Form(); /* 设置编辑 */ form.encoding = 'utf-8'; //设置文件存储路劲 form.uploadDir = './public/files'; //设置文件大小限制 form.maxFilesSize = 2 * 1024 * 1024; // form.maxFields = 1000; //设置所有文件的大小总和 //上传后处理 form.parse(req, function(err, fields, files) { var filesTemp = JSON.stringify(files, null, 2); if(err) { console.log('parse error:' + err); }else { console.log('parse files:' + filesTemp); var inputFile = files.inputFile[0]; var uploadedPath = inputFile.path; var dstPath = './public/files' + inputFile.originalFilename; //重命名为真实文件名 fs.rename(uploadedPath, dstPath, function(err) { if(err) { console.log('rename error:' + err); }else { console.log('rename ok'); } }) } res.writeHead(200, {'content-type': 'text/plain;charset=utf-8'}); res.write('received upload:\n\n'); res.end(util.inspect({fields: fields, files: filesTemp})) }) }) module.exports = router;
我相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦讀取:
#react-native封裝外掛程式swiper使用步驟詳解
以上是nodejs+express實作檔案上傳案例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!