Node js multer 文件上传不起作用。req.file 和 req.files 始终未定义

Question

我正在尝试将文件上传到我的服务器，但req.file和req.files在我的 POST REST 端点上始终未定义。

我尝试上传的内容是“.dat”文件，我期待 json 响应。

这是我的代码：

服务器端：

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

var app = express()

app.post('/creoUpload', upload.single('uploadFileField'), function(req, res, next) {
  console.log("req.file = ",JSON.stringify(req.file)); //is undefined
  console.log("req.files = ",JSON.stringify(req.files)); //also undefined
});

客户端：

<form id="creoUploadForm" action="/creoUpload" enctype="multipart/form-data" method="post">
    <input type='file' name='uploadFileField'><br><br>
    <input type='submit' value='Upload'/>
</form>

JS：

$( "#creoUploadForm" ).submit(function( event ) {
    event.preventDefault();
    var formData = new FormData($(this)[0]);
    $.ajax({
          url: '/creoUpload',
          type: 'POST',
          data: formData,
          async: true,
          cache: false,
          contentType: false,
          processData: false,
          success: function (returndata) {
              console.log("RETURN DATA IS: ",returndata);
          },
          error: function (err) {
              console.log("ERROR: ",err);
          }
    });
});

我一直在田野里玩耍，但它不起作用......有人看到我在这里做错了什么吗？

我正在遵循https://www.npmjs.com/package/multer中的示例

版本：

• 快速版本：4.12.0
• 节点版本：6.5.0
• jQuery：1.12.1

谢谢你！

Answer 1

您使用 multer 作为中间件，因此在进入您的函数并打印之前，已将图像上传到存储并从req.files中删除记录。

您可以通过两种方式访问​​ req.files。

1. 使用 multer 作为finw3指定的函数。

2. 另一个解决方案是：

//代码开始

var storage = multer.diskStorage({

  destination: function (req, file, cb) {

    cb(null, '/filepath')
  },


  filename: function (req, file, cb) {

    let filename = 'filenametogive';
     req.body.file = filename

    cb(null, filename)
  }
})

var upload = multer({ storage: storage })

//代码结束

现在您可以访问 req.body.file 中的文件