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

时间:2016-09-20 15:34:15

标签: javascript node.js ajaxform jquery-upload-file-plugin

我使用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>

server.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); 只需返回{}

2 个答案:

答案 0 :(得分: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)来查看请求的格式。

答案 1 :(得分:1)

我认为这是因为这一行:file.pipe(fstream);,这应该是fstream.pipe(file)

就像史蒂文说缪尔是一个很好的选择。