javascript - 在nodejs中发送带有上传文件的表单

Question

我使用busbody在nodejs中上传文件我可以上传文件但我无法在bodyparser中获取文本消息我的fornt结束代码是：

<script>
    $("input[type='button']").click(function(){
    var files = $("input[type='file']").get();

    var formData = new FormData();
    var text  = "xxxxx";
    var url  = "fileUpload";
    if (files.length > 0){
      for (var i = 0; i < files.length; i++) {
        var input = $("input[type='file']").get(i).files;
        var file = input;
        if(file.length>0){
          console.log( file[0].name);
          formData.append('userpic',file[0], file[0].name);
        }
      }
      formData.append('text',text);
      $.ajax({
        type: "post",
        url: url,
        processData: false,
        contentType: false,
        data: formData, // serializes the form's elements.
      });
    }
  });
</script>

服务器.js

router.post('/fileUpload', function(req, res) {
console.log(req.body.text);
// req.pipe(req.busboy);
req.busboy.on('file', function(fieldname, file, filename) {
    console.log('ok2');
    var fstream = fs.createWriteStream('./public/images/' + filename);
    file.pipe(fstream);
    fstream.on('close', function () {

    });
});
res.send('upload succeeded!');
});

这行代码 console.log(req.body.text); 只需返回 {}

Answer 1

尝试使用 body-parser: npm install --save body-parser 然后选择中间件： var bodyParser = require('body-parser'); app.use(bodyParser.json());

或者直接使用中间件： var bodyParser = require('body-parser'); router.post('/fileUpload', bodyParser.json(), function(req, res) {....});

也尝试使用console.log(req.body)来查看请求的格式。

Answer 2

我认为这是因为这条线：file.pipe(fstream);，这应该是 fstream.pipe(file)。

就像 Steven 说 multer 是一个不错的选择。