送信フォーム

Question

は次のとおりです。

<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）; 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 1

を返しますリクエスト。

Answer 2

私はこれがこの行のためだと思います：file.pipe(fstream);、これはfstream.pipe(file)であるべきです。

スティーブンのように、マルチタは良い選択肢だと言います。