Question

我尝试解决问题几天，但无法理解一些事情。我有一个使用NodeJS和ExpressJS创建的网站，并且为了处理表单，我使用了body-parser。

    var adName = req.body.adName;
    var adMessage = req.body.adMessage;
    var phone = req.body.phone;
    var rawPrice = req.body.price;
    var rawCurrency = req.body.currency;

因此，使用此方法我处理表单值。但现在，我需要使用node-formidable来解析用户的图像。问题是，我可以用某种方式仅对图像和身体解析器表格强大？或者，任何人都可以帮助我强大，了解如何处理表单并将值附加到我的变量？

Answer 1

您可能需要花一些时间来学习/练习强大的模块。请参阅此网址：https://github.com/felixge/node-formidable

是的，formidable可用于处理表单字段和文件上传，包括多个文件上传。 body-parser中间件不处理多部分 - https://github.com/expressjs/body-parser。在这种情况下，我会建议你使用强大的身体和身体解析器。

查看以下Express应用程序是否可以帮助您。

var formidable = require('formidable'),
    util = require('util'),
    express = require('express'),
    app = express();

app.set('port', process.env.PORT || 3600);
app.get('/', function (req, res) {
    res.send(     
    '<form action="/upload" enctype="multipart/form-data" method="post">'+
    '<input type="text" name="adName" placeholder="adName"><br>'+
    '<input type="text" name="adMessage" placeholder="adMessage"><br>'+
    '<input type="text" name="phone" placeholder="phone"><br>'+
    '<input type="text" name="rawPrice" placeholder="rawprice"><br>'+
    '<input type="text" name="rawCurrency" placeholder="rawcurrency"><br>'+
    '<input type="file" name="upload" multiple="multiple"><br>'+
    '<input type="submit" value="Upload">'+
    '</form>'
  );
});

app.post('/upload', function(req, res){
    var form = new formidable.IncomingForm();
    form.uploadDir = __dirname + "/data";
    form.parse(req, function(err, fields, files) {
        //fields is an object containing all your fields, do waht ever you want with them from here
        //file is an object containing properties of your uploaded file
      res.send(util.inspect({fields: fields, files: files}));
      console.log('file uploaded : ' + files.upload.path + '/' + files.upload.name);
      console.log('Fields : ' + fields.adName);//you can access all your fields
    });
});

//starting server
app.listen(app.get('port'), function () {
    console.log('Express is listening: http://localhost:%s;', app.get('port'));
});

Answer 2

如果需要，您可以同时使用 body-parser 和 formidable 。您可以将艰巨的功能仅用于某些特定路线，并在其余路线上继续使用body-parser。下面，我显示了仅对一条路径使用强大的代码：

const formidableMiddleware = require('express-formidable');

app.post('/api/v1/uploadfile', formidableMiddleware(), async (req, res) => {
  const file = req.files.file;
  console.log('file info: ' + file);

  const fields = req.fields;
  console.log('fields = ' + JSON.stringify(fields));
});

看看这个链接：https://github.com/utatti/express-formidable/issues/1

我可以同时使用body-parser和Formidable吗？

2 个答案: