访问 Multer 创建的 req.files 中的文件名，对新上传的文件进行处理

Question

我是网络开发的新手。 我在一个页面上有一个多文件上传。 使用 multer 成功将文件上传到我的“public/uploads”文件夹中。

如何使用 multer 创建的 req.files 访问我刚刚上传的文件名？ 结果不是数组，尽管 multer 文档说对于多个文件， req.files 将包含一个数组。

我觉得我的某些设置不正确。

这是console.log(req.files) 。 如您所见，后备箱不是逗号分隔的。

[ { fieldname: 'file',
    originalname: 'acschemrev5b00690.jpeg',
    encoding: '7bit',
    mimetype: 'image/jpeg',
    destination: 'public/uploads',
    filename: '1484769679031-acschemrev5b00690.jpeg',
    path: 'public/uploads/1484769679031-acschemrev5b00690.jpeg',
    size: 79299 } ]
[ { fieldname: 'file',
    originalname: 'acschemrev5b00701.jpeg',
    encoding: '7bit',
    mimetype: 'image/jpeg',
    destination: 'public/uploads',
    filename: '1484769679047-acschemrev5b00701.jpeg',
    path: 'public/uploads/1484769679047-acschemrev5b00701.jpeg',
    size: 127608 } ]
[ { fieldname: 'file',
    originalname: 'acschemrev5b00703.jpeg',
    encoding: '7bit',
    mimetype: 'image/jpeg',
    destination: 'public/uploads',
    filename: '1484769679109-acschemrev5b00703.jpeg',
    path: 'public/uploads/1484769679109-acschemrev5b00703.jpeg',
    size: 117312 } ]

这是我的服务器app.js文件：

var express = require('express');
var app = express();
var fs = require("fs");
var bodyParser = require('body-parser');

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


var storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, 'public/uploads')
  },
  filename: function (req, file, cb) {
    // cb(null, file.fieldname + '-' + Date.now());
    cb(null, Date.now() + "-" + file.originalname);
    // cb(null, file.originalname);
  }
});

var upload = multer({ storage: storage });




// set the view engine to pug
app.set('view engine', 'pug');

app.use(express.static(__dirname + '/public'));


app.listen(3000, function () {
  console.log('Example app listening on port 3000!');
});

app.get('/', function (req, res) {
  res.render('index');
});

// from multer
app.post( '/file-upload', upload.any(), function( req, res, next ) {
  // Metadata about the uploaded file can now be found in req.file
  res.send(req.files);
  // console.log(req.files);

  currentFiles = req.files;
  console.log(req.files);

app.post('/crop-images')

});

我需要处理我刚刚上传的文件。 做这个的最好方式是什么？ 我是否需要为每个文件名创建一个数组然后处理每个文件名？ 如何从 req.files 中获取他们的名字？

谢谢！

Answer 1

如果要从req.files检索文件名，可以像这样将其映射到它：

var filenames = req.files.map(function(file) {
  return file.filename; // or file.originalname
});

Answer 2

对于那些使用 Typescript 的人，如果映射到req.files会显示错误。 为了克服这个问题，您可以使用以下方法：

(req.files as Array<Express.Multer.File>).map(...)

或者

(req.files as Express.Multer.File[]).map(...)

Answer 3

对于打字稿，这对我有用。

const filenames = req.files! as Array<Express.Multer.File>
const file_names = filenames.map(file => file.filename)