Express Multer文件上传req.body和req.file undefined

时间:2016-02-10 14:42:22

标签: javascript node.js express multer

我正在尝试使用multer上传文件,并且没有请求正文或文件。有没有人有任何想法我做错了什么?

这是html

<form action="/upload" method="post" enctype="multipart/form-data">
  <input type="file" name="file-uploader"/>
  <input type="submit"/>
</form>

这是我的js

const express = require('express');
const app = express();
const multer = require('multer');
const upload = multer({ dest: 'uploads/' });
// other stuff
app.post('/upload', upload.single('file-uploader'), (req, res, next) => {
  console.log(req.file);
  console.log(req.body);
  res.send ({'asdf': 'sadf'});
});

1 个答案:

答案 0 :(得分:1)

在Express 4中,默认情况下req.files在req对象上不再可用。 这是我强大的解决方案:

前端: 标记:

<input type="file" id="file"/>
<button id="send-file">Send</button>

JS:

    //send file
var send_file = $("#send-file");
send_file.on("click", function(e) {
    //file
    var file = $("#file")[0].files[0];
    //formdata
    var fd = new FormData();
    fd.append("file", file, "file_name");
    //send file
    $.ajax({
            url: '/upload',
            data: fd,
            cache: false,
            contentType: false,
            processData: false,
            type: 'POST'
        })
        .done(function(data) {
            console.log(data);
            console.log("Upload successfully");
        });
});
return false;});

后端:

安装强大的:npm install formidable --save

最后一步:

var express = require('express');
var app = express();
var path = require('path');
var fs = require('fs');
var formidable = require('formidable');


     app.post('/upload', function(req, res) {


    // create an incoming form object
    var form = new formidable.IncomingForm();

    // specify that we want to allow the user to upload multiple files in a single request
    form.multiples = true;

    // store all uploads in the /uploads directory
    form.uploadDir = path.join(__dirname, './uploads');

    // every time a file has been uploaded successfully,
    // rename it to it's orignal name
    form.on('file', function(field, file) {
        fs.rename(file.path, path.join(form.uploadDir, file.name));
    });

    // log any errors that occur
    form.on('error', function(err) {
        console.log('An error has occured: \n' + err);
    });

    // once all the files have been uploaded, send a response to the client
    form.on('end', function() {
        console.log(Date.now())
        res.end('success');
    });

    // parse the incoming request containing the form data
    form.parse(req);

});