javascript - 使用 Multer 重命名上传的文件不起作用 (Express.js)

标签 javascript node.js express upload multer

我正在尝试使用 Express.js 和 Multer 从 HTML 表单上传文件。我已设法将文件保存到所需位置(名为 uploads 的文件夹)。

但是,我想在上传文件时重命名文件,因为默认情况下,Multer 给它一个奇怪的名称,例如:

5257ee6b035926ca99923297c224a1bb

可能是一个十六进制的时间戳,但我需要一个更明确的名称,以便稍后在其上调用脚本。

我已经按照 here 的解释进行了操作但它并没有比以前做更多的事情:上传带有十六进制名称的文件。

此外,两个事件 onFileUploadStartonFileUploadComplete 似乎从未被触发,因为我的控制台中没有记录任何内容。

我为服务器和路由使用了两个单独的文件:

app.js

/**
 * Dependencies
 */

var express = require('express');
var path = require('path');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

/**
 * Importation of routes
 */
var routes = require('./routes/index');
var recog = require('./routes/recog');

/**
 * Express
 */
var app = express();

app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: false}));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

// pour contrer les erreurs de cross domain
app.use(function (req, res, next) {

    // Website you wish to allow to connect
    res.setHeader('Access-Control-Allow-Origin', '*');

    // Request methods you wish to allow
    res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE');

    // Request headers you wish to allow
    res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');

    // Set to true if you need the website to include cookies in the requests sent
    // to the API (e.g. in case you use sessions)
    res.setHeader('Access-Control-Allow-Credentials', true);

    // Pass to next layer of middleware
    next();
});

/**
 * Routes
 */
app.use('/', routes);
app.use('/recog', recog);

module.exports = app;

recog.js

/**
 * Requirements
 */
var express = require('express');
var router = express.Router();
var multer = require('multer');
var uploads = multer({
    dest: 'uploads/',
    rename: function (fieldname, filename) {
        console.log("Rename...");
        return filename + Date.now();
    },
    onFileUploadStart: function () {
        console.log("Upload is starting...");
    },
    onFileUploadComplete: function () {
        console.log("File uploaded");
    }
});

/**
 * Upload d'une image
 */
router.post('/upload', uploads.single('image'), function (req, res, next) {
    console.log("Front-end is calling");
    res.json({status: 'success', data: 'Fichier chargé.\nOrgane sélectionné : ' + req.body.organ});
});

module.exports = router;

我一直在研究,但我不知道问题出在哪里,因为我对 Node.js 和 JavaScript 很陌生。

感谢你们的帮助!

最佳答案

Multer 的用法发生了变化。

目前 Multer 构造函数只接受三个选项:

  1. 分布/存储
  2. 文件过滤器
  3. 限制

现在重命名、onFileUploadStart、onFileUploadComplete 将不起作用。

但是可以使用 DiskStorage 进行重命名

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

var upload = multer({ storage: storage })

看看这些链接:

关于javascript - 使用 Multer 重命名上传的文件不起作用 (Express.js),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32184589/

相关文章:

javascript - 通过 css 和 jquery 将第一个和最后一个 child 应用于某个 <tr> id

javascript - 我可以使用 javascript/jQuery 更改媒体查询吗?

javascript - node.js 和 jquery web 的 UI

node.js - 在 Node js 服务器上,当验证作业运行时需要半个小时,然后在此期间整个应用程序停止工作

node.js - Mongoose 通过引用 ID 查找

node.js - 在 Node.js 上的 Express POST 路由中定义/使用 Promise

node.js - mongodb、express.js 应用部署最佳实践

javascript - 如何修复 AlloyUI 模态总是显示在图表 Canvas 下方?

javascript - 禁用默认 nuxt.js 路由

node.js - 将 Angular 和 Node Express CSRF 与 Redis session 一起使用,如何在 session 过期后重置 session 信息和 CSRF?