Question

我尝试使用Express 4.0＆amp ;;尝试执行单个图像文件+文本字段上传multer 1.1.0。图像文件本身正确上传到正确的目的地，但我在文本字段和响应中出错：

1）如果登录控制台，则multer的req.body req.file对象未定义

2）res.json（以及测试时的res.send）获取错误 - TypeError：res.json不是Object.handle的函数）

multer使用moment.js为日期配置如下，这几乎是从multer Github文档中逐行排列的：

//standard express-generator server.js requires
//passport.js implementation

var multer   = require('multer');

var storage = multer.diskStorage({
  destination: function(req, file, cb){
    cb(null, './public/photoUploads/' + moment().year() + moment().month());
  },
  filename: function(req, file, cb){
    cb(null, req.user._id + moment().unix());
  }
})

var upload = multer({storage:storage});

require('./app/routes.js')(app, passport); //passport login routes - will eventually move app.post into this file

app.post('/upload/photoData', upload.array('photo'), function(err, req, res) {

   var title = req.body.title;
   var description = req.body.description;
   var photoURL = req.file.filename;

   var jsonResponse = {
     "title": title,
     "description": description,
     "photoURL": photoURL
   }

   console.log(jsonResponse);
   res.json(jsonResponse);
});

这是客户端表单

 <form id="photo-data" method="post" action="/upload/photoData" enctype="multipart/form-data">
        <div class="form-group">
            <div class="modal-body">

                <label for="image" class="control-label">Photo upload</label>
                <input type="file" class="form-control" name="photo" id="photo-main">

                <label for="caption" class="control-label">Title:</label>
                <input type="text" class="form-control" name="title" id="photo-title">

                <label for="long-text" class="control-label">Further description:</label>
                <input type="text" class="form-control" name="description" id="message-text">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                <button id="submit-photo" type="submit" class="btn btn-primary">Upload</button>                   
            </div>
      </div>
    </form>

我做错了什么？

Answer 1

Express中错误处理程序的签名是(err, req, res, next)（4个参数），但Express看到处理程序中的参数少于4，因此它假定您正在添加正常的路由处理程序。问题是路由处理程序参数的顺序是错误的，它应该只是(req, res)。这将解决您的res.json()错误。

对于您的文件字段，您目前正在告诉multer您预计会有多个文件，因此在这种情况下，您需要检查req.files而不是req.file。如果您使用的是upload.single('photo')，则可以使用req.file。

对于非文件字段，请确保通过使用浏览器的开发人员工具检查表单提交的网络请求，将它们提交给服务器。

Express 4 Multer / req.body和res.json未定义

1 个答案: