NodeJS 使用 multiparty 实现文件上传

2017-06-23  本文已影响0人  静候那一米阳光

使用中间件 multiparty

npm 文档

安装

npm install multiparty

multiparty.Form

var form = new multiparty.Form(options)

Options:

使用实例

var multiparty = require('multiparty');
var http = require('http');
var util = require('util');
var fs = require('fs');
console.log(__dirname);
//注意权限问题
var path = __dirname + '/images/';
http.createServer(function(req, res) {
    if (req.url === '/upload' && req.method === 'POST') {
        //设置编码格式和上传路径。默认上传路径是os.tmpdir(),可以启动node环境输入查看
        var form = new multiparty.Form({ encoding: 'utf-8', uploadDir: path });
        form.parse(req, function(err, fields, files) {
            var filesTmp = JSON.stringify(files, null, 2);
            if (err) {
                console.log('parse error: ' + err);
            } else {
                console.log('parse files: ' + filesTmp);
                // upload 需要与网页中的input的name属性相同
                for (var i in files.upload) {
                    var inputFile = files.upload[i];
                    var uploadedPath = inputFile.path;
                    var dstPath = path+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' });
            res.write('received upload:\n\n');
            res.end(util.inspect({ fields: fields, files: files }));
        });
        return;
    }
    // show a file upload form ,注意此处测试时设置utf-8,否则获取的文件名乱码,正常使用一般都是结合expess了
    res.writeHead(200, { 'Content-Type': 'text/html;charset=utf-8' });
    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(3000);
上一篇 下一篇

猜你喜欢

热点阅读