在 Express 中发送上传的图片

Question

有一个使用 Multer 上传图像的 Express 应用程序。我希望能够做的就是为那个形象服务。不过，挑战在于上传文件时，它不会保存文件扩展名，该文件扩展名是根据我为安全目的而阅读的内容设计的。我需要做的是将正确的扩展名添加到相应的 mime 类型。

技术

快递：4.15.0
穆尔特：1.3.0
魔法：0.4.5

文件结构

root
  server.js
  /uploads
    /images
      ad58c400e67362118ac1b11f6c4b6c44
      ...
  /routes
    drinks.routes.js
    uploads.routes.js

运行这一切都是通过 Postman 完成的。具有表单元素 name、tagline、image。如果我上传 "IMG_111.jpg" 该图像将通过 Multer 上传，验证它是一种图像类型，并以新名称放置在 /images/uploads 中，这是 Multer 的默认行为以创建唯一性。问题是我有 filename 但它没有用扩展名保存。

drinks.routes.js

var upload = multer({
  dest: 'uploads/images',
  fileFilter: function (req, file, callback) {
    console.log('running upload file filter');
      var fileType = file.mimetype;
      if(fileType !== 'image/png' && fileType !== 'image/jpeg' && fileType !== 'image/gif' && fileType !== 'image/jpg') {
          return callback(new Error('Only images are allowed'))
      }
      callback(null, true)
  },
}).single('image');

router.route('/').post(passport.authenticate('jwt', { session: false }), upload, function(req, res, next){
var drink = req.body;
var drinkImage = req.file;
console.log('DRINK IMAGE', drinkImage);

Drink.createDrink(drink, drinkImage, function(err, drink, drinkImage){
  console.log('creating drink');
  if(err){
    res.send(err);
  }
    res.json(drink)
  });
});

这样我就可以上传文件，验证文件，并用唯一的名称保存文件，不带扩展名。我遇到困难的地方是检查所请求图像的 mime 类型，附加扩展名并将其发回响应。

我最初的想法是创建一个带有请求的图像名称的路由，使用 mmmagic 检测 mime 类型，添加扩展名并提供该文件。但是，所有这方面的尝试都失败了。

uploads.routes.js

var express = require('express');
var router = express.Router();
var path = require('path');

var mmm = require('mmmagic');
var Magic = mmm.Magic;
var magic = new Magic(mmm.MAGIC_MIME_TYPE);

router.use(function(req, res, next){
  next();
});

router.route('/images/:filename')
  .get(function(req,res){
    var fileName = req.params.filename;
    var constructFile = function(res){
      magic.detectFile(__dirname + '/../uploads/images/' + fileName, function(err, result) {
        if (err) throw err;
        console.log(result);
        if (result == 'image/jpeg'){
      // return res.sendFile(__dirname + '/../uploads/images/' + fileName + '.jpg');
      res.send(express.static(path.join(__dirname, '/../uploads/images'), {index: false, extensions:['jpg']}));
    }
  });
}

constructFile(res);
  })


module.exports = router;

尝试按照此 SO 引导我 express.static。但是现在无法弄清楚我是否走在正确的轨道上并且只是遗漏了一些东西，或者我是否应该从不同的角度来看待这个问题。

Answer 1

您必须先配置您的 multer 上传器。试试这个：

var multer = require('multer');
//This is for preventing multer from giving name without extention
var storage = multer.diskStorage({
  destination: function(req, file, cb) {
    cb(null, 'public/files/')
},
filename: function(req, file, cb) {
    cb(null, file.originalname);
}
});

但是，如果您仍想拥有唯一的名称，请尝试以下操作：

var storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, 'public/files/')
  },
  filename: function (req, file, cb) {
    crypto.pseudoRandomBytes(16, function (err, raw) {
      cb(null, raw.toString('hex') + Date.now() + '.' + 
         mime.extension(file.mimetype));
    });
  }
});
var upload = multer({ storage: storage });

Answer 2

这不是最简洁的实现，但确实有效。取消了 Multer #170 问题的建议。

uploads.routes.js

router.route('/images/:filename')
  .get(function(req,res){
    var fileName = req.params.filename;
    function getFileType(file, done){
      console.log('GETTING FILE TYPE');
      magic.detectFile(__dirname + '/../uploads/images/' + fileName, function(err, result) {
        if (err) return done(err);

        res.setHeader('Content-Type', result)
        fs.createReadStream(path.join(__dirname + '/../uploads/images/', req.params.filename)).pipe(res)
    });
  }
  getFileType();
})

缺少的关键部分是：

res.setHeader('Content-Type', result)
fs.createReadStream(path.join(__dirname + '/../uploads/images/', req.params.filename)).pipe(res)

所以现在可以上传文件，验证 mime 类型，存储为唯一名称，最后调用文件名，获取检查 mime 类型，将内容类型设置为 mime 类型并传送到客户.

在 Express 中发送上传的图片

Send uploaded Image in Express

javascript

node.js

express

multer