Multer-req.file始终未定义

Question

我已经看了很多这个问题的答案，但我还没有找到一个可行的解决方案。我正在尝试制作一个Web应用程序，您可以使用Express和multer上传文件，我有一个问题，没有文件正在上传，req.file总是未定义。

下面是我的代码

'use strict';

var express = require('express');
var path    = require('path');
var multer  = require('multer')
var upload  = multer({ dest: 'uploads/' })

var app = express();
require('dotenv').load();

app.use(express.static(path.join(__dirname, 'main')));

app.post('/upload', upload.single('upl'), function (req, res, next) {
  // req.file is the `avatar` file
  // req.body will hold the text fields, if there were any
  console.log(req.file);
  res.status(204).end();
})

var port = process.env.PORT || 8080;
app.listen(port,  function () {
    console.log('Node.js listening on port ' + port + '...');
});

表格

    <form class="uploadForm" action="/upload" method="post" enctype="multipart/formdata">
        <label class="control-label">Select File</label>
        <input name="upl" id="input-1" type="file" class="file">
        <input type="submit" value="submit" />
    </form>

非常感谢帮助，这快把我逼疯了。

Answer 1

我把MY（有很多我想象的，肯定更好）的解决方案来帮助很多像我这样的人，因为我已经搜索了一整天；-（

//JS file on node side

var express = require('express');
var fileUpload = require('express-fileupload');
var fs = require("fs");
var app = express();
console.log('étape 0');
app.use(express.static('mesStatic'));
app.use(fileUpload());
console.log('étape 1');
app.get('/indexFileUpload.htm', function (req, res) {
   res.sendFile( __dirname + "/" + "indexFileUpload.htm" );
})
console.log('étape 2');
app.post('/file_upload', function (req, res) {

   console.log('étape 3');
   console.log('req.files:' , req.files);
   if (!req.files) {
       res.send('No files to upload.');
       return;
   }

   console.log('req.files.file.data:' , req.files.file.data);
   var bufDataFile = new Buffer(req.files.file.data, "utf-8");
   console.log('étape 3.1');
   console.log('__dirname : ' + __dirname);
   fs.writeFile(__dirname + '/file_upload/output.txt', bufDataFile,  function(err) {
      if (err) {
         return console.error(err);
      }
      else {
         console.log("Data written successfully !");
      }      
      console.log('étape 4');
      res.end('Fin OK !!!');  
   })
})
var server = app.listen(8081, function () {
   var host = server.address().address
   var port = server.address().port

   console.log("Example app listening at http://%s:%s", host, port);
})

Answer 2

您的enctype有点不正确，应该是multipart/form-data而不是multipart/formdata。

Answer 3

如果是邮递员，请尝试以下操作：

1. 关闭API的邮递员选项卡
2. 再次打开新标签
3. 重建API请求，然后发送。

这可能会解决问题。每次重新启动服务器时，都需要执行上述步骤以再次调用API。multer发送回一些名为connect的Cookie的原因。在进一步通信中可能需要的客户端sid。使用旧Cookie不会上载文件。